mapStateToPropsとmapDispatchToProps

927 ワード

//どのReduxグローバルstateが私たちのコンポーネントがpropsで取得したいのですか?mapStateToProps ——> reducers
//propsで取得したいアクション作成関数はどれですか?mapDispatchToProps ——> actions
//    Redux     state           props    ?
const mapStateToProps = state => {
    // state    postsByReddit          ,   reducers!!!
    const { postsByReddit, addText } = state

    let topics = [],
        results = postsByReddit['results']
    if (results)  topics = results.topics

    return {
        topics,
        text: addText
    }
}

//    action             props    ?
const mapDispatchToProps = dispatch => ({
    actions: bindActionCreators(actions, dispatch)
})

[mapStateToProps(state,[ownProps]):stateProps(Function):このパラメータを定義すると、コンポーネントはRedux storeの変更をリスニングします.いつでもRedux storeが変更されるとmapStateToProps関数が呼び出されます.
コールバック関数は、コンポーネントのpropsとマージされる純粋なオブジェクトを返さなければなりません.http://www.redux.org.cn/docs/react-redux/api.html