Вопрос по reactjs, redux, react-redux –  используется для связывания действий в вашем компоненте.

7

от вопрос уже есть ответ здесь:

Что такое mapDispatchToProps? 5 ответов

какая разница междуmapStateToProps а такжеmapDispatchToProps аргументы кconnect функция в отреагировать Может ли кто-нибудь дать подходящее объяснение с примерами

Прежде чем задать этот вопрос, пытались ли вы найти ответ самостоятельно, например, просмотрев официальную документацию? Abhishek Jain

Ваш Ответ

1   ответ
14

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

Согласно документам:

ЕслиmapStateToProps Если указан аргумент, новый компонент будет подписываться на обновления магазина Redux. Это означает, что каждый раз, когда магазин обновляется,mapStateToProps будет называться. РезультатmapStateToProps должен быть простым объектом, который будет объединен с подпорками компонента.

С участиемmapDispatchToProps каждый создатель действия, включенный в диспетчерский вызов, чтобы их можно было вызывать напрямую, будет объединен с подпорками компонента.

Простой пример будет

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

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

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

Похожие вопросы