Меня всегда смущает использование деструктивного назначения mapdispatchtoprops.
connect(mapStateToProps, mapDispatchToProps)(MyComponent)
const mapDispatchToProps = dispatch => {
return {
onTodoClick: id => {
dispatch(toggleTodo(id)) //-----> using dispatch here
}
}
}
Но также работает следующее:
const onTodoClick = () => {
type: ADD_TODO,
text: 'Build my first Redux app'
}
connect(mapStateToProps, {onTodoClick} )(MyComponent)
Мое замешательство - где происходит "отправка" во втором случае? В отличие от первого случая, второй случай не имеет явного вызова диспетчеризации. Вместо этого «onTodoClick» просто возвращает действие.