在React中与之前写html阻止默认行为是有些不一样的,如果是写html我们还可以使用 return false 的方法阻止浏览器的默认行为,但是在react中则行不通,在React中必须使用preventDefault。
例如,通常我们在 HTML 中阻止链接默认打开一个新页面,可以这样写:
<a href="#" onclick="console.log('点击链接'); return false">
点我
</a>
在 React 的写法为:
function ActionLink() {
function handleClick(e) {
e.preventDefault();
console.log('链接被点击!')
}
return (
<a href="#" onClick={handleClick}>
点我
</a>
)
}