React+Reduxで迷ったこと

2021年4月23日

純粋なReactのみで開発する場合、よく見たり解説されている値やイベントをバケツリレー
のように親から子へ渡していく訳ですね。

ですが、Reduxなどを使用すると取得したいコンポーネント側でストアから取得すれば
良いわけであるが、

例えば親、子、孫コンポーネントがあって、親コンポーネントで非同期APIを呼び出し、
反映させる値は、子と孫それぞれにあります。
その場合って子、孫それぞれにuseEffectのタイミングなどで記述するんですかね

私は、子コンポーネントのuseEffectで表示用のstateにAPIレスポンスを設定する処理を記述しました。
子、孫それぞれに書くってのも可能だと思うし、はたまた孫のほうで子に設定する処理を記述することも
可能なわけで、親の方に書くってことも可能なわけで、
どこに書けば正解なのだろう。。。。。

親には、反映する項目がないので、親では無い気がして、
そこで反映されるコンポーネントの最上位が子であったっていう
なんとなくの理由で子コンポーネントに記述しています。

指針的なものがあれば、教えてほしい。

Udemy