商品一覧ページから商品詳細ページにデータを送りたい。

Question

React.jsとreact-router-domを使ってECサイトを作っています。
商品一覧ページで商品名をクリックした時に商品詳細ページに遷移したいと思っています。
ページが遷移しなければpropsを使ってデータを受け渡しできますが、ページが遷移する場合はどのようにデータを受け渡しすればいいですか？

Answer 1

コンポーネントをまたいだステート管理には主に以下のような方法があります。

• データのやり取りをしたいコンポーネントの上位（親）で、データを用意してpropsで渡す。
• コンテクスト（createContext・useContext）を使ってhooksでデータのやり取りをする。
• ReduxやRecoilなどのグローバルステート管理用のライブラリを使用する。

ご自身の作成されているアプリの規模間に応じて選択してください。