CombineReducersをReduxで使用するときに一般的な状態を共有する方法

Question

私はReduxが本当に新しく、これを実装する方法について質問したいと思います。

私は、各ページが1つのReactコンポーネントを表すReactで書かれた完全なアプリケーションを持っています。 各Reactコンポーネントには独自のRedux Reducerとアクションがあります。

非常に簡単な例として、HomePageコンポーネントを考えてみましょう。

class HomePage extends React.Component { 
    render() { 
     return (
      <h1>Home Page</h1> 
     ) 
    } 
} 

私には、アプリケーションが完全にブートストラップされたことを示す現在の状態を変更する減速器があります。

export default function homePageReducer(state = {appBootstrapped: false}, action) { 
    switch (action.type) { 
     case 'APP_BOOTSTRAPPED': 
      state = { appBootstrapped: true } 
     default: 
      return state; 
    } 
} 

Reduxのアクションは以下の通りです：私のコンポーネントは、上記Reduxの実装を使用するように構成されている

export function SetApplicationBootstrapped() { 
    return { type: 'APP_BOOTSTRAPPED' } 
} 

：

今

function mapStateToProps(state, ownProps) { 
    return { 
     homePage: state.homePageReducer 
    } 
} 

export default connect(mapStateToProps)(HomePage); 

、私の構成要素の中から、私は私を呼び出すことができます通知するアクション私のアプリケーションが完全にブートストラップされたことを確認します。 しかし、私は、それぞれがコンポーネントで表され、各コンポーネントがそれ自身のレデューサー/アクションを持っているので、私は10ページを持っているので、すべてのレデューサーでアプリケーションをブートストラップするための呼び出しを実装する必要があるので、

これは通常のReduxアプローチですか？

もしそうでなければ、どうすればよいですか？

基本的な考え方は、アプリケーションをブートストラップするとすぐに非表示にしたいローディング画面を表すコンポーネントが必要なことです。 しかし、各コンポーネントは独自のアクションにしかアクセスできないため、別のコンポーネントの状態を変更することはできません。私は、それが自分の状態を管理している他の減速機の状態にアクセスすることを許可しないで、それぞれの減速機がcombineReducersであっても、それは私には分かっているので、私は共有状態のアイデアで少し失われている。

Answer 1

あなたがなぜそれを制限するのか分かりません。各コンポーネントは、独自のレデューサーとアクションにしかアクセスできません。あなたのケースでは、私はあなたがまだ今あなたがsharedでappBootstrappedを入れて、そしてそのために共有アクションを作成することができます例

{ 
    shared: { ... }, 
    pageA: { ... }, 
    pageB: { ... }, 
    pageC: { ... } 
} 

のために、共有状態を持つことができると思います。

---

は、あなただけのトップレベルのコンポーネントを作成する必要があるので、あなたは一度だけを派遣することができます。

また、あなたはあなたの減速状態を変異させるべきではありません。

case 'APP_BOOTSTRAPPED': 
    state = { appBootstrapped: true } 

はちょうど私がここに小さな誤解があると思うcase文

case 'APP_BOOTSTRAPPED': 
    return { appBootstrapped: true }