我是 Ngrx/Store 的新手,所以在学习这种 redux 模式方法的过程中,我遇到了可以创建 Action 的 Action 创建器,这可以通过多种方式完成:
1) 通过类创建 Action 。
class OrderFood implements Action {
readonly type = OrderActionTypes.ORDER_FOOD;
readonly payload: { dish: string };
constructor(dish: string) {
this.payload = { dish };
}
}
然后为了分派(dispatch)我们必须创建该类的新实例的操作:
this.store.dispatch(new OrderFood ({ dish: 'spaghetti carbonara' }));
2) 通过工厂函数创建 Action 。
函数根据函数的输入返回 Action 对象并设置类型。
const orderFood = ({ dish }: { dish: string }) => ({
type: OrderActionTypes.ORDER_FOOD,
payload: { dish }
});
然后再次调度我们调用函数的 Action :
this.store.dispatch(orderFood({ dish: 'spaghetti carbonara' }));
所以我的问题是在这两种方式中,哪一种是创建 Action 最有效的方式,它们之间有什么区别?
非常感谢您的帮助。
最佳答案
它们做的事情完全一样,唯一的区别是 Action 是通过类还是通过函数创建的。
我们目前正在研究使工厂函数方法成为 NgRx 中的一流成员 - 有关更多信息,请参阅 https://github.com/ngrx/platform/pull/1570
关于javascript - Ngrx/store - 使用类的 Action 创建者与使用工厂功能的 Action 创建者?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55334851/