redux通过bindActionCreators（一种反模式）进行预绑定？

Question

在整个redux App中，我经常使用以下模式

// declare an action creator in a centralized / state management related location in the App (i.e. not the components/containers)
const myActionCreator1 = () => (dispatch) => { ... }
const myActionCreator2 = createAction(ACTION_2)
// then later in a mapDispatchToProps of a Container component
function mapDispatchToProps(dispatch) {
  bindActionCreators({myActionCreator1, myActionCreator2}, dispatch);
}

是这些情况，是将动作创建者预先绑定的反模式吗？ 假设在redux中只有1个调度员对1个商店起作用？

即

// actionCreators.ts
export const myActionCreators = {
  myActionCreator: bindActionCreators(..., dispatch)
}

如果这种模式没有缺点，那么简明扼要的好消息....

澄清度

简洁的好处只有在多个组件重新使用同一动作创建者时才会显现。 由于这些组件将不再需要mapDispatchToProps来处理简单的情况，例如上面的示例

Answer 1

connect函数支持第二个参数的“对象简写”语法。 无需创建一个接收dispatch的mapDispatchToProps函数（并且可能在内部使用bindActionCreators ），您可以直接将一个充满动作创建者的对象直接传递给connect ：

const actionCreators = {
    addTodo,
    toggleTodo
};

export default connect(null, actionCreators)(MyComponent);

充满动作创建者的对象将通过bindActionCreators自动运行，并调用this.props.addTodo("Buy Milk")将适当地分派动作创建者。

我在博客文章Idiomatic Redux中讨论了这种方法的一些优点：为什么要使用动作创建者？ 。