reactjs - mapStateToProps 与 mapDispatchToProps

Question

这个问题已经有答案了:

What is mapDispatchToProps? (6 个回答)

已关闭 4 年前。

mapStateToProps 之间有什么区别 和 mapDispatchToProps connect 的参数在react-redux中函数？

Answer 1

mapStateToProps 是一个用于向组件提供存储数据的函数，而 mapDispatchToProps 是您用于向组件提供操作创建者作为 props 的函数。你的组件。

根据文档:

If mapStateToProps argument is specified, the new component will subscribe to Redux store updates. This means that any time the store is updated, mapStateToProps will be called. The results of mapStateToProps must be a plain object, which will be merged into the component’s props.

With mapDispatchToProps every action creator wrapped into a dispatch call so they may be invoked directly, will be merged into the component’s props.

一个简单的例子是

function mapStateToProps(state) {
  return { todos: state.todos }
}

function mapDispatchToProps(dispatch) {
  return { addTodo: bindActionCreators(addTodo, dispatch) }
}

export default connect(mapStateToProps, mapDispatchToProps)(Todos);