Reactjs 了解如何在react redux中使用mapDispatchToProps？

当我使用react.js和react redux创建一个项目时，我通常会创建一个与其他组件文件分开的操作文件，并以这种方式将带有connect函数的操作创建者导入到一个组件中

import { deletePost } from "../../actions"; 

connect(mapStateToProps, { deletePost })(aComponent); 

但是在我发现mapDispatchToProps函数的存在之后，直接从组件内部向reducer分派操作就更方便了

const mapDispatchToProps = (dispatch) => {
 return {
  deletePost: (id) => { dispatch({ type: 'DELETE_POST', id: id }) }
 }
}

connect(mapStateToProps, mapDispatchToProps)(aComponent); 

---

这是在组件内部使用mapDispatchToProps函数的正确方法吗？

正确，这是将

mapDispatchToProps（）

集成到组件中的正确方法

就我个人而言，我发现

mapDispatchToProps（）

可以清楚地显示组件的功能。这清楚地表明，您的组件能够调度各种操作

典型结构为：

const mapDispatchToProps = (dispatch) => {
  return {
    nameofActionCreator: (args) => {
      dispatch(nameOfActionCreator(args))
    }
  }
}

---

正确，这是将

mapDispatchToProps（）

集成到组件中的正确方法

就我个人而言，我发现

mapDispatchToProps（）

可以清楚地显示组件的功能。它清楚地表明您的组件能够分派各种操作

典型结构为：

const mapDispatchToProps = (dispatch) => {
  return {
    nameofActionCreator: (args) => {
      dispatch(nameOfActionCreator(args))
    }
  }
}

---

是的，是的。这两种方法你都可以用，是的。两种方法都可以使用。