Javascript React onClick方法od链接与href不工作

在我的React应用程序中，我有带有

href

属性的链接（右键单击链接后需要在新窗口中打开链接），链接上的元素是React

onClick

方法

请参见此处的示例：

class SomeComponent扩展了React.Component{
handleClick（事件）{
警报（'单击，但不要重定向…'）；
返回false；
event.preventDefault（）；
event.stopPropagation（）；
}
render（）{
返回(
);
}
}
ReactDOM.render（，document.getElementById（'container'））

在你的href中尝试使用“javascript:void（0）；”
在你的href中尝试使用“javascript:void（0）；“
你就快到了！！！！
你只需要移动一下

event.preventDefault();
event.stopPropagation();

起来。它会起作用的

请查找下面的代码。粘贴它

class SomeComponent extends React.Component { 
  handleClick(event) {
    event.preventDefault();
    event.stopPropagation();
    alert('click. but dont redirect...');

    return false;

  }
  render() {
    return (
      <a href="test" onClick={this.handleClick}>Test link</a>
    );
  }
}

ReactDOM.render(<SomeComponent/>, document.getElementById('container'));

class SomeComponent扩展了React.Component{
handleClick（事件）{
event.preventDefault（）；
event.stopPropagation（）；
警报（'单击，但不要重定向…'）；
返回false；
}
render（）{
返回(
);
}
}
ReactDOM.render（，document.getElementById（'container'））；
你就快到了！！！！
你只需要移动一下

event.preventDefault();
event.stopPropagation();

起来。它会起作用的

请查找下面的代码。粘贴它

class SomeComponent extends React.Component { 
  handleClick(event) {
    event.preventDefault();
    event.stopPropagation();
    alert('click. but dont redirect...');

    return false;

  }
  render() {
    return (
      <a href="test" onClick={this.handleClick}>Test link</a>
    );
  }
}

ReactDOM.render(<SomeComponent/>, document.getElementById('container'));

class SomeComponent扩展了React.Component{
handleClick（事件）{
event.preventDefault（）；
event.stopPropagation（）；
警报（'单击，但不要重定向…'）；
返回false；
}
render（）{
返回(
);
}
}
ReactDOM.render（，document.getElementById（'container'））；
抱歉，更正链接：如果您不想重定向，请使用以下命令：
不要在
href
中给出任何路径。如果用户想在新窗口中打开链接，我需要href属性……如果您不想重定向，请将
事件.preventDefault（）
移动到
handleClick
的顶部。抱歉，正确链接：如果您不想重定向，请使用以下命令：
不要在
href
中提供任何路径。如果用户想在新窗口中打开链接，我需要href属性……如果您不想重定向，请将
事件.preventDefault（）
移动到
handleClick
的顶部。