React.children.only期望收到一个react元素子Navigator

Question

我尝试了太多的主题帮助,但这并没有帮助我修复这个错误,也许因为我是新手反应原生.

这是给出错误的代码.

render() {
  return (

  <Provider store={store}>

    <Navigator
      initialRoute={{ name: 'Wake' }}
      configureScene={(route, routeStack) => Navigator.SceneConfigs.FloatFromBottom}
      renderScene={RouteMapper}
    />

    <Tabs />



  </Provider>


 );
}

"React.children.only预计会收到一个反应元素的孩子"我在运行时遇到此错误.请帮忙.我知道有很多其他主题发布相似,但没有一个给我一个正确的解决方案.

Answer 1

react-redux <Provider />组件期望其子prop成为单个ReactElement,它是应用程序的根组件.这可能就是这个错误的来源.

道具

• store(Redux Store):应用程序中的单个Redux存储.
• children(ReactElement)组件层次结构的根.

例

ReactDOM.render(
  <Provider store={store}>
    <div>
        <MyRootComponent/>
        <OtherComponent1/>
        <OtherComponent2/>
        // {...} as longer you let the component inside one global component 
        // - here the divs - React considers you have only one child. That it. 
    </div>
  </Provider>,
  rootEl
);

资料来源:https://github.com/reactjs/react-redux/blob/master/docs/api.md#provider-store