React Nativeの各コンテナビューとReduxを（）接続しますか？

Question

それぞれのタブと画面をビューツリーのReduxに接続する必要があります（すべての状態を制御したいと仮定します）。

index.ios.js

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

appContainer.js

const Tabs = TabNavigator({ 
    Test: { screen: TestPage }, 
    Create: { screen: ButtonPage }, 
    Friends: { screen: FriendsPage } 
}) 

render() { 
    return(
     <Tabs /> 
    ) 
} 

私はそれぞれ1で

export default connect(state => ({ 

    }), 
    (dispatch) => ({ 
    actions: bindActionCreators(/* insert actions here */, dispatch) 
    }) 
)(/* insert view here */) 

が必要です、または単に（接続持っている）（AppContainer ）グローバルな国家管理は大丈夫ですか？

Answer 1

私はそれらを別々にしておき、ビューの機能に基づいて複数のconnect（）を使用することをお勧めします。

たとえば、あなたのFriendsPage友達アクション（友人を削除、追加、更新）に関連するものの機能を有していてもよく、そしてあなたが

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

を持つことができます別のタブコンテナは、共通のユーザーを管理userViewが考えられます。

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

このように分けて保存すると、コードをきれいに整えやすくなります。