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