Все эти примеры эквивалентны:
function mapDispatchToProps(dispatch) {
return {
fetchQp : (url) => dispatch(qpFetchData(url))
}
}
function mapDispatchToProps(dispatch) {
return bindActionCreators({fetchQp : qpFetchData}, dispatch);
}
const mapDispatchToProps = {
fetchQp : qpFetchData
}
// in all three cases, used as:
export default connect(mapStateToProps, mapDispatchToProps)(MyComponent);
Лично я рекомендую использовать третью форму («сокращение от объекта»). Просто передайте объект, полный создателей действий, в качестве второго аргумента connect
, и Redux автоматически использует bindActionCreators
внутри - нет веской причины для написания отдельной функции mapDispatch
самостоятельно.