El siguiente código abre la etiqueta de anclaje en una nueva ventana. Sin embargo, no quiero volver a cargar la página principal. Y también quiero tener la capacidad de Abrir en una nueva pestaña con el botón derecho del mouse (imagen a continuación)
Si uso href = {'javascript:'} , evita que la página principal se vuelva a cargar, sin embargo, cuando se hace clic en "Abrir en una nueva pestaña", se abre en una nueva pestaña pero la URL se convierte about:blank#blocked
const handleClick = () => { window.open( href, 'newwindow', `width=${window.outerWidth * 0.5}, height=${ window.outerHeight }, left = ${window.outerWidth * 0.25} ` ); return false; }; <a href = {href} onClick = {handleClick}> This is Url </a>Resultado deseado:
Para abrir el enlace en una ventana nueva o en una pestaña nueva, puede usar el atributo de destino en su etiqueta de anclaje, es decir, <a href="https://example.com" target="_blank">...</a>
Necesita target="_blank" para esto.
<a href="www.google.com" target="_blank">Click</a>