javascript - Web应用程序使用Redux，如何处理逻辑只需要执行一次

Question

说我们正在使用带有 redux 的 mvvm 框架，每次存储调度一个操作时，我都会将我的组件更新为

Store.subscribe(() => {
  var { Order, Payment } = Store.getState():

  this.order = Order;
  this.payment = Payment;

  this.setCountDown(Order.leftTime);
  this.checkIsPaymentValid(Payment);
});

这里，setCountDown和checkIsPaymentValid只需要执行一次，从此以后再也不会被调用。因此，我目前正在向组件添加状态，它变得像旧的 jquery 方式一样，变成类似于下面的内容:

switch(Order.status) {
  case ORDER_STATUS_NORMAL:
    break;
  case ORDER_HAS_SET_COUNTDOWN:
    break;
}

对于处理此类情况有什么建议吗？

Answer 1

如果您需要基于操作而不是当前状态执行某些逻辑，这通常表明它应该作为分派(dispatch)操作的一部分发生。换句话说，在 dispatch() 之前或之后执行这些副作用，而不是在更改处理程序中执行。

如果此逻辑跨越多个组件，您可能需要考虑使用类似 Redux Saga 的内容。它允许您定义长期运行的“传奇”，可以“采取”操作并执行一些副作用或向商店分派(dispatch)更多操作。