如何提供商店到路线

时间:2017-06-28 16:19:22

标签: react-native redux

我的理解是我这样提供商店:



const ReduxApp = () => (
  <Provider store={store}>
    <App />
  </Provider>
)


AppRegistry.registerComponent('GPScan', () => ReduxApp);
&#13;
&#13;
&#13;

在App组件中,我有:

&#13;
&#13;
<Router>
        <Scene key='root'>
          <Scene
            component={Authentication}
            hideNavBar={true}
            initial={true}
            key='Authentication'
            title='Authentication'
          />
          <Scene
            component={HomePage}
            hideNavBar={true}
            key='HomePage'
            title='Home Page'
          />
        </Scene>
      </Router>
&#13;
&#13;
&#13;

如何为这些路线提供商店

2 个答案:

答案 0 :(得分:0)

<Provider>放在顶部<App>组件周围应该就足够了。由于它现在是所有其他组件的祖先组件,因此现在任何其他Redux连接组件都可以访问该商店,无论它在哪条路径上。

答案 1 :(得分:0)

将路由器放入提供商。

<Provider store={store}>
  <Router>
    <Scene key='root'>
      // etc
    </Scene>
  </Router>
</Provider>