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))
})