React阻止默认行为

在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>
	)
}
发布了280 篇原创文章 · 获赞 2324 · 访问量 310万+

猜你喜欢

转载自blog.csdn.net/weixin_43606158/article/details/103227849
今日推荐