クリックした時の動作
↻
react では preventDefault()
を呼び出す必要がある。
prevent: 防ぐ という意味。
function ActionLink() {
function handleClick(e) {
e.preventDefault();
console.log('The link was clicked.');
}
return (
<a href="#" onClick={handleClick}>
Click me
</a>
);
}
ちなみに、通常の HTML では、以下のような書き方で a タグをクリックしたときの動作を抑止することが出来る。
<a href="#" onclick="console.log('The link was clicked.'); return false">
Click me
</a>