複数のコンポーネント用に1つのreduxコンテナを作成する

Question

私はReactJS/Reduxアプリケーションを作成していますが、同様のコンポーネントのセットには同じ状態が必要であり、ストアからプロペラをディスパッチする必要があります。これらのコンポーネントすべてに対していくつかの同一のコンテナを作成するのではなく、複数のコンポーネントに対して1つのreduxコンテナを作成したいと考えています。どのようなシナリオに最適なアプローチですか？

Answer 1

私は、関数式をconnectのラッパーとして使用するのが良い方法だと思います。

function mapStateToProps(state){ 
    return { 
    a: state.a, 
    b: state.b 
    } 
} 

export const wrapper = (Component) => { 
    return connect(mapStateToProps, {})(Component) 
} 

使用：

import {wrapper} from './source' 

const Main = ({a, b}) => (
    <div>{a} - {b}</div> 
) 

export default wrapper(Main);