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>
	)
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章