react的link标签禁止跳转

Question

就是我的link标签里面有个例如div元素 然后我点击这个div元素有逻辑需要判断 但是不需要组件跳转。所以想请问一下 react 如何禁止link标签跳转，如果不可以禁止，那请问下 我的这个需要怎么做呢？

Answer 1

禁止默认事件就可以呀，preventDefault

Answer 2

可以禁止的。

添加点击事件

onClick={
  (e)=>{
    this.handle(e)
   }
}

handle(e){
  e.preventDefault();
  //e.stopPropagation(); //阻止冒泡 
}

Answer 3

css解决方案 pointer-events:none