在a标签的href有链接地址不为空的情况下,如何阻止a标签的跳转?
首先,a标签属性的执行顺序是先执行onClick属性,然后再执行href,所以我们可以在onClick中对跳转进行处理
原生js的情况
<a href="http://xxxx.xx" onclick="return false;">
reactjs的情况
在react中,return false就不适用了,但我们可以通过preventDefault来实现阻止跳转
<a href="http://xxxx.xx" onClick={this.preventJump.bind(this)}>
preventJump(e){
e.preventDefault();
}