指定onClick时不要打开href(在react js中)

Question

我们的<a>标签通过为onClick房产提供功能,在我们的应用程序中打开自定义pdf查看器.

我们希望提供可访问性的href,因此用户可以右键单击 - >在新选项卡中打开,控制+单击或他们想要的其他内容.

但是,当用户单击<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)",但这确实禁用了链接,它不符合我们的可访问性需求.

Answer 1

使用preventDefault.返回false 已被弃用,因为阵营0.12.

linkClick(e) {
   e.preventDefault();
   console.log("link clicked");
}