同じデータを使用する異なる階層レベルに複数のコンポーネントがある場合は、各コンポーネントのそれぞれの状態で表される異なる変数を使用してデータをモデル化する必要があります。おそらくルート要素である可能性がありますか?パフォーマンスにはどのような影響がありますか?State In ReactJS
0
A
答えて
0
私は通常、各コンポーネントやその周辺の状態でジャグリングを最小限に抑えるために、親から何かを必要とします。私はその動作を親に入れます。したがって、いくつかのデータを取得するために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}
または私は本当に時間をかけてそれぞれの子供が必要とするどのようなデータを確実に知ることができないならば、私は」をするだろう親から各コンポーネントにステート全体を渡します。それらの子コンポーネントにサブコンポーネントがある場合、子コンポーネントはその状態を継承して継承します。また、「コンテキスト」を調べることもできます。このコンテキストは、すべてのものを飛び越えてすべての子どもが利用できるようにしたい場合に最適なソリューションです。
文字通り何百ものデータセットを扱っていない限り、私は通常「パフォーマンス」について心配しません。その場合、私は子供とその子どもたちが必要とするものだけを捨てる傾向があります。
関連する問題
- 1. setState in ReactJS
- 2. Hellojorld in reactjsインストールガイドが効かない
- 3. State Monadバインド
- 4. JMH:@stateクラス
- 5. ReactJSでPayPalのExpress In-Context Checkoutを使用するには?
- 6. jquery:mouseover load state
- 7. React.js State Issue
- 8. visited link state
- 9. jQuery Multiple State Toggle
- 10. Android READ PHONE STATE?
- 11. Angularjs $ stateエラー
- 12. DSC(Desired State Configuration)
- 13. Tab State Control AngularJs
- 14. Flink HA Stateバックエンド
- 15. Jquery mobile:ui-state = dialog
- 16. Reactjs
- 17. SqlClient.SqlException .Number = 3617 .State = 68
- 18. Spring Webflow action-state else
- 19. StateパターンとFlyWeightパターン
- 20. 保存配列 - ReactJS
- 21. reactjsのクラス属性にstate/propsを挿入するにはどうすればいいですか?
- 22. mysql show processlist query = state = null
- 23. 複数ReactJSコンポーネント
- 24. 初期データロードReactJS
- 25. ReactJSサーバサイドレンダリング(webpack-dev-server)
- 26. reactJS
- 27. ReactJs
- 28. ReactJS
- 29. Reactjs
- 30. ReactJSは、アクションが