子コンテナ内のプレゼンテーションコンポーネントが初期状態になるように、親コンテナコンポーネントから子コンテナコンポーネントに渡す必要がある状況に遭遇しています。これに近づく別の方法がありますか?これはぶつかるのですか?Redux - 子コンテナコンポーネントに小道具を渡しても問題ありませんか?
答えて
はReduxのが消費している親コンテナ(あなたは「レールから」と言うデータ)のデータですか?そうでない場合、それはあなたの本当の問題です。 Reduxは、反応容器のための唯一の情報源でなければなりません。 Reduxはまた、Railsアプリケーションから情報を受け取り、その情報をグローバルな状態で格納する必要があります。
あなたがこれを達成したら、あなたは今、リアクトコンテナに供給するすべての情報についての真実の単一のソースを持っています。
サブコンポーネントはまったく情報が必要な場合は、親コンテナのReduxの状態情報からそれらを受けるべきです。
ネストされたサブコンポーネントを持つことは問題ありません。 1つのレイヤーから次のレイヤーへ情報を引き続き流してください。例えば。 reduxからname
を受け取ったContainerAは、ComponentXをname={this.props.name}
でレンダリングすることができ、ComponentXは再びname={this.props.name}
でComponentYをレンダリングできます。これにより、ComponentYはReduxからの情報を親コンポーネントとコンテナに渡します。
あなたのアプリはもちろん、コンテナよりもはるかに多くのコンポーネントを持っている必要があります。それはいいことだ。これらはデータのみ形状ではなく、データソースに結びついているので、コンポーネントは、本質的に再利用可能です。特定の情報を一連のコンポーネントに挿入する必要がある場合に限り、コンテナを控えめに使用します。
ありがとう、それは役立ちます。あなたが 'ContainerA、reduxから名前を受け取る'と言うとき、あなたは 'getState()'でそれを受け取ることを意味しますか?私は何か不足しているかもしれませんが、 'mapStateFromProps'はアクションがディスパッチされたときにだけトリガされるという印象を受けています。 – linuxNoob
'getState'から手動ではなく' mapStateFromProps'を使うべきです。これはディスパッチをトリガーするだけで、ディスラッチを使ってレール情報を消費して、Reduxに格納する必要があることを意味します。どのようにレールからデータを取得するかによって、データの流れを決めることができますが、すべてのデータを同じデータフローでルーティングする必要があります。 – gravityplanx
- 1. 小道具は子コンポーネントに渡されません - redux-form/react
- 2. 小道具の検証に小道具がありません
- 3. 子コンポーネントに小道具を渡す
- 4. 小児に小道具を渡す際の問題
- 5. 子コンポーネントに小道具を渡すCyclejs
- 6. Reduxはコンポーネントの小道具を更新しません
- 7. reduxとreact-routerを使って、ルータに小道具を渡す
- 8. 再帰的子コンポーネントに小道具を渡してすべての小道具を保存する方法
- 9. React Reduxデバッグの小道具
- 10. 小道具をReduxストアからApollo GraphQLに渡す方法
- 11. ルーティング経由でページに小道具を渡す問題
- 12. 親から子に小道具を設定できません
- 13. React-reduxがmapDispatchToPropsを小道具に設定していません
- 14. クリック時に子コンポーネントに小道具を渡す
- 15. 渡す小道具
- 16. 小道具を使用して子コンポーネントにリダックスアクションを渡す
- 17. ルータ4 - location.keyは小道具<Match>の子供にはありません
- 18. React-navigation、tintColorが小道具の検証にありません
- 19. 小道具でレンダリングデータを渡しません
- 20. React Reduxストアの問題を子どもに渡す問題
- 21. オブジェクトを小道具として渡す
- 22. Eslint - 小道具の検証(反応/小道具タイプ)に 'match'がありません
- 23. React Reduce - アクションで小道具を渡す
- 24. RowRendererParamsの小道具がありません
- 25. Vue-Material navbar、必須小道具がありません:
- 26. すべての子ノードにユーザーの小道具を渡す
- 27. Vuejs - 小道具を持つ親から子にデータを渡す
- 28. 状態は小道具にマップされていませんreact-redux
- 29. Reduxは小道具としてwebsocketを追加します
- 30. 子供の小道具は、子コンポーネントで
具体的にお聞かせください。子コンポーネントはなぜ小道具から「初期状態」を必要としますか?これらの小道具が親の文脈か還元のどちらから来るのかは、それがなぜ違いますか? – gravityplanx
私はいくつかのデータを、レールサーバーから親コンテナコンポーネントに渡しています。このデータを子コンテナコンポーネントに渡し、次にダムビューに渡す必要があります。私はちょうど送られた小道具とアクションをディスパッチし、最初の還元状態を更新するのですか?しかし、それでも私は子供のコンテナにそれを渡す必要があります。 – linuxNoob
最後の声明を取り戻します。それを還元状態の一部として更新すれば、それを伝える必要はありません。 – linuxNoob