Nuestra etiqueta <a> abre un visor de PDF personalizado en nuestra aplicación al proporcionar una función a la propiedad onClick .

Queremos proporcionar un href para accesibilidad, para que los usuarios puedan hacer clic con el botón derecho -> abrir en una nueva pestaña, controlar + hacer clic o cualquier otra cosa que deseen.

Sin embargo, cuando el usuario hace clic en la etiqueta <a> , no queremos abrir el enlace, sino que nuestra función onClick debe manejar el evento.

actualmente tenemos algo como esto:

 render(){ return (<a href="www.stackoverflow.com" onClick={(e)=>this.linkClick(e)} >click here</a>) } linkClick(e) { e.stopPropagation(); // does not stop the link from opening console.log("link clicked"); return false; // does not stop the link from opening }

En js simple, esto se puede hacer devolviendo falso en la función onClick. También hemos intentado agregar stopPropagation() sin éxito. Algunos usuarios reaccionan agregan href="javascript: void(0)" mientras que esto deshabilita el enlace, no satisface nuestras necesidades de accesibilidad.