подключите реагирующий нативный файл app.js к редуксу, использующему реагирующий-нативный-маршрутизатор-поток

Question

в приложенииact-native в App.js я использую реагировать-native-router-flux и подключаю каждую сцену для хранения избыточности с помощью RouterWithRedux, как показано ниже:

export default class App extends Component {
  render() {
    const RouterWithRedux=connect()(Router);
    return (
      <Provider store={store}>
        <RouterWithRedux>
          <Scene key="root">
            <Scene key="landing" component={Landing} title="Landing" initial={true}/>
            <Scene key="pageTwo" component={PageTwo} title="PageTwo" />
            <Scene
              key="rootTabBar"
              tabs={true}
              tabBarStyle={{backgroundColor: '#ffffff'}}>
              <Scene key="home" component={Home} title="Home" icon={TabIcon} initial />
              <Scene key="search" component={Search} title="Search" icon={TabIcon} />
            </Scene>
          </Scene>
        </RouterWithRedux>
      </Provider>

    )
  }
}
export default App;

я также хочу использовать connectПриложение для редукса, чтобы использовать "mapStateToProps" и "mapDispatchToProps" в app.js.как я могу использовать это?я пытаюсь

export default connect(mapStateToProps, mapDispatchToProps)(App);

но я столкнулся с ошибкой, которая говорит:

Unhandled JS Exception: Could not find "store" in either the context or props of "Connect(App)". Either wrap the root component in a , or explicitly pass "store" as a prop to "Connect(App)".

Answer 1

наконец, я нашел ответ, что функция «connect ()» работает только в компонентах, которые находятся внутри тега, поэтому мы не можем использовать его в нашем App.js, так как мы создаем магазин и предоставляем его в App.js's children.

При этом нам не нужно использовать mapStateToProps, просто получить доступ к состоянию с помощью store.getState () и store.dispatch ().