美文网首页
mapStateToProps和mapDispatchToPro

mapStateToProps和mapDispatchToPro

作者: Poppy11 | 来源:发表于2020-06-30 21:50 被阅读0次
    首先我们在组件当中使用redux,就需要使用react-redux中的connect将该组件与store连接起来,而connect又可以接受两个参数,分别是mapStateToProps和mapDispatchToProps,前者则是获取store里面的状态,用于建立组件跟store的state的映射关系,后者则是用于建立组件跟store.dispatch的映射关系。

    一、首先使用connect连接到Store

    export default withRouter(connect(mapStateToProps, mapDispatchToProps)(TopNav))
    

    二、使用mapStateToProps建立组件跟store的state的映射关系

    const mapStateToProps = ({user,userMessage,uploadImage}) => ({
        user,userMessage,uploadImage
    })
    

    三、使用mapDispatchToProps用于建立组件跟store.dispatch的映射关系

    const mapDispatchToProps = (dispatch) => ({
        getMessage : (id) => dispatch(UserMessage(id)),
        updateUser : (user,callback) => dispatch(updateUser(user,callback))
    })
    
    

    相关文章

      网友评论

          本文标题:mapStateToProps和mapDispatchToPro

          本文链接:https://www.haomeiwen.com/subject/bgjfqktx.html