reactjs - 当我们只能使用 this.props.dispatch 来调度 action 时，mapDispatchToProps 有什么用

Question

我一直在使用@connect注释了一段时间并决定切换到 mapStateToProps和mapDispatchToProps .

我可以mapStateToProps将 store 映射到组件的 props 很好，但想知道 mapDispatchToProps 有什么意义？当我可以打电话 this.props.dispatch( xxx )任何地方。

我还看到一些 React 存储库，它们也不使用 mapDispatchToProps

• https://github.com/Hashnode/mern-starter
• https://github.com/andrewngu/sound-redux

抱歉，如果这听起来像是一个初学者问题。

Answer 1

是的，您当然可以直接在组件中使用props.dispatch()。然而，该组件现在“知道”它是 Redux 应用程序的一部分，因为它明确地尝试“分派(dispatch)”事物。

另一方面，如果您始终使用 Action 创建器函数，那么现在组件只是调用诸如 this.props.doSomeThing() 之类的东西。它实际上并不“知道”它在 Redux 应用程序中，因此更可重用。

我刚刚在 When would bindActionCreators be used in react/redux? 回答了类似的问题，并就此主题撰写了一篇较长的博客文章:Idiomatic Redux: Why use action creators? .