多くの記事で、コンテナコンポーネントはデータのフェッチとアクションのディスパッチに使用されていると言われています。プレゼンテーションコンポーネントは、データがレンダリングされる方法をと定義するために使用されます。 また、コンテナコンポーネントは決して独自のスタイルを持つべきではないことを示唆しています。
ここに質問があります:
3つのプレゼンテーションコンポーネントがあり、すべて1つのコンテナコンポーネントで消費されています。コンテナコンポーネントはデータをフェッチし、必要なデータを各プレゼンテーションコンポーネントに提供します。
プレゼンテーションコンポーネントをスタイル設定のためにコンテナコンポーネントにラップしてスタイルすることができます。たとえば、プレゼンテーションコンポーネントをグリッド内でレンダリングするようにスタイルを設定したいと思いますか?Reactのコンテナコンポーネントにスタイルがないのはどうですか?
答えて
プレゼンテーションコンポーネントをコンテナではない親にネストします。
は仕事を行って、この親に
をスタイリングを追加します。
ありがとう、ここに親はプレゼンテーションです。つまりプレゼンテーションに余分なコンテナを追加する必要があります。親をコンテナにして、データをフェッチしてレイアウトスタイルを設定して、コンテナ - >(ビュー、ビュー、ビュー)のように1つのレベルを削除することができます。コンテナ - >ビュー - >(ビュー、ビュー、ビュー)の利点を見ることができません –
クリーンなソリューション@andrewを考え出しましたか? – Nicolas
@AndrewZhang、私はどちらもあなたに同意しますが、混乱の可能性がある場所も見ています。いくつかの例では、いくつかのラッパースタイルを提供するだけの任意のビューを持つことは少し鈍いです。しかし、あなたは3つの 'タイル'コンポーネントを持っているように考えてください。このラッピングコンポーネントは、実際にはこれらの「タイル」の「グリッドビュー」にすぎません。同じように、これらのタイルを垂直に積み重ねる別のラッピングコンポーネントを潜在的に持つことができます。または、タイルグリッドまたはスタックである多形ラッパーを作成することもできます。おそらく、このラッパーは異なるタイルを使用できます。利益は必然的に生じる。 – coblr
- 1. React-Nativeのコンテナコンポーネントにスタイルを渡すには
- 2. Reusable react-reduxコンテナコンポーネント
- 3. コンテナコンポーネントからプレゼンテーションコンポーネントへのReact-passオブジェクト
- 4. Semantic-UI React |なぜ私のボタンにはスタイルがないのですか?
- 5. Flex:どのようなOpenSourceコンテナコンポーネントを使用しますか?
- 6. スタイルはReact Nativeの数字にどのようにマッピングされますか?
- 7. React Native:NavigationExperimentalのNavigationCardStackとNavigationHeaderのスタイルを設定するにはどうすればよいですか?
- 8. Reactでコンポーネント固有のCSSスタイルをインポートするにはどうすればよいですか?
- 9. React Nativeのクリックで動的スタイルを設定するにはどうすればよいですか?
- 10. React with Meteorでオンラインでスタイルを適用するにはどうすればいいですか?
- 11. reactコンポーネントをスタイルで公開するにはどうすればいいですか?
- 12. ジョンパパのスタイルはどうですか?
- 13. 私のルートがReact Router 4と一致しないのはどうですか?
- 14. Bootstrap Reactエレメントにスタイルを適用するにはどうしたらいいですか?
- 15. React Semantic UIで私のドロップダウンがスタイル付けされていないのはなぜですか?
- 16. React Nativeにはどのようにサウンドファイルが必要ですか?
- 17. Emberコンポーネントがコンテナコンポーネントのクラスを継承しないようにするにはどうすればよいですか?
- 18. どのようstyleClasではなく、スタイル
- 19. React Nativeのスタイルに関して、TextInputなどのコンポーネントでDRYするのがベストプラクティスですか?
- 20. QMLのTextFieldにスタイルを適用するにはどうすればよいですか?それは "スタイル"属性が利用できないようです
- 21. iOS - 異なるストーリーボードのコンテナコンポーネント
- 22. React Routerのmatch.urlとはどういうものですか?
- 23. 私のジキルギブスサイトにスタイルがないのはなぜですか?
- 24. React RouterはどのようにReactコンテキストに入りますか?
- 25. ReactがSemantic UI Reactで前のタブのコンテンツをアンロードできないようにするにはどうすればよいですか?
- 26. コンテナコンポーネントのプロタイプ
- 27. コンテナコンポーネントのアクション
- 28. matplotlibでgnuplotの 'impulses'のようなスタイルをプロットするにはどうすればいいですか?
- 29. Angular2でコンテナコンポーネントを作成するには
- 30. TextTlockがTextBlockスタイルを継承しないようにするにはどうすればよいですか?
コンテナコンポーネントは決してスタイルを持つべきではありません。 – elmeister