State In ReactJS

Question

同じデータを使用する異なる階層レベルに複数のコンポーネントがある場合は、各コンポーネントのそれぞれの状態で表される異なる変数を使用してデータをモデル化する必要があります。おそらくルート要素である可能性がありますか？パフォーマンスにはどのような影響がありますか？

Answer 1

私は通常、各コンポーネントやその周辺の状態でジャグリングを最小限に抑えるために、親から何かを必要とします。私はその動作を親に入れます。したがって、いくつかのデータを取得するためにAPI呼び出しを行う「親コンポーネント」があるとします。私の子供たちのほとんどは、そのAPI呼び出しのレスポンスのオフデータの異なるスプライスを必要とする場合..私は..

PARENT 
state = from api response 
----> Child Component 1 {...slice of state it needs} 
----> Child Component 2 {...slice of state it needs} 
---------> Sub Child Component 1 {... slice of state it needs from component 2} 

または私は本当に時間をかけてそれぞれの子供が必要とするどのようなデータを確実に知ることができないならば、私は」をするだろう親から各コンポーネントにステート全体を渡します。それらの子コンポーネントにサブコンポーネントがある場合、子コンポーネントはその状態を継承して継承します。また、「コンテキスト」を調べることもできます。このコンテキストは、すべてのものを飛び越えてすべての子どもが利用できるようにしたい場合に最適なソリューションです。

文字通り何百ものデータセットを扱っていない限り、私は通常「パフォーマンス」について心配しません。その場合、私は子供とその子どもたちが必要とするものだけを捨てる傾向があります。