SPAで別のURLにステートを受け渡す方法を試す

[MofuMofu2]

表題の通り、URLを跨ぐときはコンポーネント同士のpropsではステートを受け渡せない。 思いつく手段は次の通り。一通りやってみて、テストケースが書きやすいか・そもそもわかりにくくないかを比較したい。

ただ表示するパターンとコードに書き起こすパターンで試す。 https://github.com/MofuMofu2/react-sandbox/issues/98#issuecomment-1893083300

• [x] https://github.com/MofuMofu2/react-sandbox/pull/99
• [ ] グローバルステートで受け渡す
• [ ] クエリパラメータで受け渡す

[MofuMofu2]

• AboutでuseState name: mofuを入れる
• Articleページで mofuの書いた本のようなパラメータを表示
• nameがない場合はテキスト表示しない
• Aboutに戻るとmofuを維持する。ないときはからで表示

[MofuMofu2]

Contextで受け渡す

まずはReducerの考え方を抑える必要がある。 https://github.com/MofuMofu2/react-sandbox/issues/68 でやったやつ。

https://react.dev/learn/extracting-state-logic-into-a-reducer https://react.dev/learn/scaling-up-with-reducer-and-context https://react.dev/learn/passing-data-deeply-with-context