mapStateToProps和mapDispatchToPro

2020-06-30  本文已影响0人  Poppy11
首先我们在组件当中使用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))
})

上一篇下一篇

猜你喜欢

热点阅读