我尝试了太多主题帮助，但这并不能帮助我解决此错误，也许是因为我是 react-native 的新手。
这是给出错误的代码。
render() {
return (
<Provider store={store}>
<Navigator
initialRoute={{ name: 'Wake' }}
configureScene={(route, routeStack) => Navigator.SceneConfigs.FloatFromBottom}
renderScene={RouteMapper}
/>
<Tabs />
</Provider>
);
}
“React.children.only 期望收到一个单一的react元素孩子”我在运行它时收到此错误。请帮忙。我知道还有很多其他类似的主题发布，但没有一个为我的问题提供适当的解决方案。
react-redux<Provider />组件期望其子 prop 是单个 ReactElement，即应用程序的根组件。这可能是这个错误的来源。
props
- 存储（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
可能会迟到，但您可以环绕React.Fragment您的导航器和选项卡来解决该错误。https://reactjs.org/docs/fragments.html
render() {
return (
<Provider store={store}>
<React.Fragment>
<Navigator
initialRoute={{ name: 'Wake' }}
configureScene={(route, routeStack) => Navigator.SceneConfigs.FloatFromBottom}
renderScene={RouteMapper}
/>
<Tabs />
</React.Fragment>
</Provider>
);
}
上面的答案没有给你一个代码示例，我将添加一些适用于你的情况的代码：
const Root = () => {
return (
<div>
<Navigator
initialRoute={{ name: 'Wake' }}
configureScene={(route, routeStack) => Navigator.SceneConfigs.FloatFromBottom}
renderScene={RouteMapper}
/>
<Tabs />
</div>
)
}
render() {
return (
<Provider store={store}>
<Root />
</Provider>
);
}
如其他答案所述，您基本上需要将 Nav 和 Tabs 组件包装在 Root 组件中，以在 Provider 组件中呈现它。希望这可以帮助！
redux 中的 Provider 组件期望只有一个子组件。你传递给它两个孩子，Navigator 和 Tabs。将 Provider 中的所有内容都包装在一个组件中。