2017-10-10 5 views
0

私は他の小さなコンポーネントで構成された大きなコンポーネントを持っています。小さなコンポーネントはそれぞれ、Reduxで状態スライスを所有しています。この大きなコンポーネントの状態は、現在bigComponentリデューサ内部コンポーネントで構成されたコンポーネントのレデューサーを構造化する良い方法はありますか?

combineReducers({ 
    environment, 
    router, 
    bigComponent, 
    ... 
}) 

に作成され

我々は

combineReducers({ 
    smallHeader, 
    smallComponent1, 
    smallComponent2, 
    ... 
}) 

ので、基本的に、我々はこの

{ 
    environment:{...}, 
    router:{...}, 
    bigComponent:{ 
    smallHeader:{...}, 
    smallComponent1:{...} 
    smallComponent2:{...} 
    ... 
    } 
    ... 
} 

のような状態を持っているこれは、これを構造化する正しい方法は?

​​

は、としてそれを構成するために言うことに何かありますか?

私はいくつかの研究を行ってきましたが、これについて一般的なベストプラクティスを見つけることはできません。

これを構成する方法はもっと慣れていますか?

+0

状態とコンポーネントは2つの異なるものです。コンポーネントの階層を盲目的にあなたの状態にコピーしないでください。状態の論理階層を使用します。通常、コンポーネントの階層はかなり深いですが、状態はいくつかのレベルしか持てません。最上位レベルのコンポーネントを使用して状態の一部を読み取り、サブコンポーネントとして小道具として渡します。 – Sulthan

答えて

0

私はコンテナパターンに従っています。 Reduxに接続されているコンテナコンポーネントがあります。コンテナコンポーネントは子に子を渡します(接続されていません)。

容器あたり1つの還元剤/状態。これが参考になることを願っています。

+0

とても遅くて申し訳ありません(3週間)。私はここでcombineReducersのフォルダ構造のラインに沿ってもっと話していました。コンテナコンポーネント内にコンテナコンポーネントがあり、どのようにリデューサを構築するのかと思っていました。 –

関連する問題