Reactjs - data flow

私はReactjでデータをロードする場所に関する一般的な質問があります。Reactjs - data flow

主なコンポーネントはAppと呼ばれます。次に、アプリケーションはHeader、Body、Footerの3つのコンポーネントを返します。 Body内にTabコンポーネントがあります。Tabコンポーネントは、「グリッド」と呼ばれるコンポーネントを含むいくつかのコンポーネントにさらに細分されています。

今、私は自分のデータ（フィルタリング後）をグリッドに表示したいと思います。

<Body data={this.state.data} />

：とボディにそれを渡し

：

私はそれが間違ってやっているなら、私を修正しますが私の考えですしてください。状態として主成分Appで

データのロード本体部品で
、としてさらに渡し：
```
<Tabs data={this.props.data} /> 
```
、としてさらに渡し：応じてそれを返す/データと表示をフィルタリングするすべてのメソッドを書き込み、グリッドにおいて
```
<Grids data={this.props.data} /> 
```
。

これは間違いありませんか？

ありがとうございました

2016-10-01 Wasteland

あなたが概説したフローは正しいです。代わりの方法は、contextを使用することです：1つのコンポーネントのコンテキストに設定されたものは、そのコンポーネントのすべての子孫が、中間コンポーネントの小道具を設定することなく使用できます。

Context comes with a warning though：それはデータが少ないクリアな流れなるためのコンテキストを使用して

を理解することはあなたのコードが難しくなります。これは、グローバル変数を使用してアプリケーションに状態を渡すのと同じです。

私は、FluxやReduxのようなものを使用したいと思います。 Reactコンポーネント内で直接データを管理することは、アプリケーションが成長するにつれて**の苦労になります。一方、Flux/Reduxは、非常にうまくスケールされます。

2016-10-01 08:24:39 craftsman

あなたが反対する理由を説明するために、downvoteのためのケアをいただきありがとうございますか！ – craftsman

うん。私はReduxを見てきましたが、まだそれの周りに私の頭を持っていません。 – Wasteland

このコースは私のために働いた：https://egghead.io/courses/getting-started-with-redux – craftsman

答えて