Skip to content

mapStateToProps和mapDispatchToProps #16

Description

@Lydever

首先我们在组件当中使用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))
})

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions