遷移を作る

React Routerとアプリ設計 / 全 6 枚

移すのは2種類

利用者が押して移る場面と、処理が終わって移す場面は書き方が違います。

div の onClick

<div
  onClick={() => navigate("/items")}
>
  商品一覧
</div>

Link

<Link to="/items">
  商品一覧
</Link>

右は a タグとして出るので、右クリックや新しいタブでも開けます。

1 / 6

← → キーでも送れます