我们的<a>标签通过为onClick属性提供功能来在应用程序中打开自定义pdf查看器。
我们希望提供可访问性的href，因此用户可以右键单击->在新选项卡中打开，按住Control并单击或按其喜欢的其他方式。
但是，当用户单击<a>标记时，我们实际上并不希望打开链接，而是我们的onClick函数应该处理该事件。
目前，我们有这样的东西：
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
}
在普通的js中，可以通过在onClick函数上返回false来实现。我们也曾尝试stopPropagation()无济于事。一些用户添加了一些反应，href="javascript: void(0)"尽管这确实禁用了链接，但它不能满足我们的可访问性需求。
使用preventDefault。从React 0.12false 开始不推荐返回。
linkClick(e) {
e.preventDefault();
console.log("link clicked");
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句