クリックした時の動作

↻ 2020/10/22

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>

Reactへ戻る