mapStateToProps和mapDispatchToProps

// 哪些 Redux 全局的 state 是我们组件想要通过 props 获取的?
mapStateToProps ——> reducers

// 哪些 action 创建函数是我们想要通过 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

你可能感兴趣的:(mapStateToProps和mapDispatchToProps)