URLパラメータ

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

商品の数だけ書けない

出品されるたびに Route を1行足す、というわけにはいきません。

商品ごとに書く

<Route path="/items/1" ... />
<Route path="/items/2" ... />
<Route path="/items/3" ... />

1本のRoute

<Route
  path="/items/:id"
  element={<ItemDetail />}
/>

右の1行で、どの id が来ても同じ部品が受け取ります。

1 / 6

← → キーでも送れます