Понимание того, как использовать mapDispatchToProps в Reaction-Redux?

Question

Когда я делаю проект с помощью response.js и Reaction-redux, обычно я создаю файл действий отдельно от других файлов компонентов и импортирую создатель действий с функцией подключения в компонент, подобный этому.

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

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

Но после того, как я обнаружил существование функции mapDispatchToProps, более удобно отправлять действие на редуктор напрямую из компонента.

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

connect(mapStateToProps, mapDispatchToProps)(aComponent); 

Это правильный способ использовать функцию mapDispatchToProps внутри компонента?

Answer 1

Правильно, это правильный способ интеграции mapDispatchToProps() в ваш компонент.

Лично я нахожу, что mapDispatchToProps() ясно показывает, на что способен ваш компонент. Это дает понять, что ваш компонент способен отправлять различные действия.

Типичная структура:

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