代碼一：import { addTodo } from './actionCreators'import { bindActionCreators } from 'redux'function mapStateToProps(state) { return { todos: state.todos }
}function mapDispatchToProps(dispatch) { return bindActionCreators({ addTodo }, dispatch)
}export default connect(mapStateToProps, mapDispatchToProps)(TodoApp)代碼二：import { addTodo } from './actionCreators'function mapStateToProps(state) { return { todos: state.todos }
}const mapDispatchToProps = {
addTodo
}export default connect(mapStateToProps, mapDispatchToProps)(TodoApp)以上兩段代碼的作用都是注入 todos 和特定的 action 創(chuàng)建函數(shù)，有一點(diǎn)疑惑的地方代碼一中調(diào)用了bindActionCreators 而代碼二中沒有調(diào)用，兩段代碼出來的效果都是一樣的。請問bindActionCreators 的作用是什么？
1 回答
慕虎7371278
TA貢獻(xiàn)1802條經(jīng)驗(yàn) 獲得超4個(gè)贊
function bindActionCreator(actionCreator, dispatch) { return (...args) => dispatch(actionCreator(...args));
}/*
* @param actionCreators
* @param dispatch
* @return {actionKey: (...args) => dispatch(actionCreator(...args))}
*/export default function bindActionCreators(actionCreators, dispatch) { return mapValues(actionCreators, actionCreator =>
bindActionCreator(actionCreator, dispatch)
);
}bindActionCreators部分源碼，再里面調(diào)用了dispatch方法
- 1 回答
- 0 關(guān)注
- 679 瀏覽
添加回答
舉報(bào)
0/150
提交
取消