在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>
	)
}