2016-11-03 6 views
3

多くの記事で、コンテナコンポーネントはデータのフェッチとアクションのディスパッチに使用されていると言われています。プレゼンテーションコンポーネントは、データがレンダリングされる方法をと定義するために使用されます。 また、コンテナコンポーネントは決して独自のスタイルを持つべきではないことを示唆しています。
ここに質問があります:
3つのプレゼンテーションコンポーネントがあり、すべて1つのコンテナコンポーネントで消費されています。コンテナコンポーネントはデータをフェッチし、必要なデータを各プレゼンテーションコンポーネントに提供します。
プレゼンテーションコンポーネントをスタイル設定のためにコンテナコンポーネントにラップしてスタイルすることができます。たとえば、プレゼンテーションコンポーネントをグリッド内でレンダリングするようにスタイルを設定したいと思いますか?
Reactのコンテナコンポーネントにスタイルがないのはどうですか?

+0

コンテナコンポーネントは決してスタイルを持つべきではありません。 – elmeister

答えて

3
  • プレゼンテーションコンポーネントをコンテナではない親にネストします。

  • は仕事を行って、この親に

をスタイリングを追加します。

+0

ありがとう、ここに親はプレゼンテーションです。つまりプレゼンテーションに余分なコンテナを追加する必要があります。親をコンテナにして、データをフェッチしてレイアウトスタイルを設定して、コンテナ - >(ビュー、ビュー、ビュー)のように1つのレベルを削除することができます。コンテナ - >ビュー - >(ビュー、ビュー、ビュー)の利点を見ることができません –

+0

クリーンなソリューション@andrewを考え出しましたか? – Nicolas

+1

@AndrewZhang、私はどちらもあなたに同意しますが、混乱の可能性がある場所も見ています。いくつかの例では、いくつかのラッパースタイルを提供するだけの任意のビューを持つことは少し鈍いです。しかし、あなたは3つの 'タイル'コンポーネントを持っているように考えてください。このラッピングコンポーネントは、実際にはこれらの「タイル」の「グリッドビュー」にすぎません。同じように、これらのタイルを垂直に積み重ねる別のラッピングコンポーネントを潜在的に持つことができます。または、タイルグリッドまたはスタックである多形ラッパーを作成することもできます。おそらく、このラッパーは異なるタイルを使用できます。利益は必然的に生じる。 – coblr

関連する問題