您是否必须将每个 Tab 和 Screen 连接到视图树中较低的 Redux(假设您想要对所有它们进行状态控制)?
index.ios.js
const App = () => (
<Provider store={store}>
<AppContainer />
</Provider>
)
应用容器.js
const Tabs = TabNavigator({
Test: { screen: TestPage },
Create: { screen: ButtonPage },
Friends: { screen: FriendsPage }
})
render() {
return(
<Tabs />
)
}
我需要一个
export default connect(state => ({
}),
(dispatch) => ({
actions: bindActionCreators(/* insert actions here */, dispatch)
})
)(/* insert view here */)
在每一个中,或者只是让 connect()(AppContainer) 可以用于全局状态管理?
我建议您将它们分开,并根据您的视图功能使用多个 connect()。
比如你的FriendsPage可能有那些与好友动作(添加、更新、删除好友)相关的功能,你可以有
export default connect(mapStateToProps, mapDispatchToProps)(FriendsPage);
另一个选项卡容器可以是管理普通用户的 userView:
export default connect(mapStateToProps, mapDispatchToProps)(UserView);
因此,将它们分开将使您的代码看起来整洁且易于维护。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句