问mapDispatchToProps和{action}有什么区别？

EN

关于mapDispatchToProps，您的意思是什么是值得怀疑的，因为这个参数可以是对象或函数。

如果是将对象重写为变量，如下所示：

const mapDispatchToProps = { action1, action2, action3 }
connect(mapStateToProps, mapDispatchToProps)(ComponentName)

与：

connect(mapStateToProps, { action1, action2, action3 })(ComponentName)

这不是良好实践的问题，而是个人偏好和/或您的队友的问题。

另一方面，mapDispatchToProps也可以是一个函数。您可以问哪一个最好作为参数传递: function。将函数定义为可以在文档中读取的好处

将mapDispatchToProps定义为一个函数可以使您在自定义组件接收的函数以及它们如何分派操作方面具有最大的灵活性。

因此，如果您想要自定义您的支柱分派函数，可以将其定义为如下函数：

const mapDispatchToProps = (dispatch, ownProps) => {
  return {
    onClick: event => dispatch(myAction1(event.target.value)),
    addItem: () => dispatch(myAction2(ownProps.itemId))
}

connect(mapStateToProps, mapDispatchToProps)(ComponentName)

上面是一个简单的示例，其中您有一个支柱onClick，它已经处理了预期的event参数。该函数还采用ownProps，您可以根据需要在调度函数中使用(比如第二个支柱函数)。

但是，如果您没有看到这需要自定义您的分派函数，那么您可以像已经传递的那样只传递一个对象。

这是一种不错的做法。实际上，在react-redux文档本身中建议这样做。

因为这是非常常见的，所以connect()支持mapDispatchToProps参数的“对象简写”表单:如果您传递一个充满动作创建者而不是函数的对象，连接将自动为您内部调用bindActionCreators。我们建议始终使用“object shorthand”形式的mapDispatchToProps，除非您有特定的理由自定义调度行为。

您可以在这一页的文件中找到所有相关信息。

我希望这能消除你的疑虑。