0

我使用 angular 2 和 redux/store 以及 redux-observable 来形成史诗。我想做的是一个通用的轮询器，所以我只需要编写一次轮询器。我有大约 25 项服务，我宁愿让动作传递什么类型的动作，以及它将执行的服务，然后使用重复的代码并编写大量的 case 或 if 语句：

我到目前为止的代码：

startPoller: Epic<Action<void>, Action<void>> = action$ =>
    action$.ofType(BankActions.DEPOSIT.POLL_DATA)
      .switchMap(action =>
        Observable.interval(1000)
          .takeUntil(action$.ofType(BankActions.DEPOSIT.STOP_POLLING))
          .mergeMap(count =>
            this.bankService.getDeposit.(action.payload)
              .map(payload => ({ type: BankActions.DEPOSIT.POLL_SUCCESS, payload }))
              .catch(error => Observable.of({
                type: BankActions.DEPOSIT.POLLING_FAILED,
                payload: error
              }))
        )
)

我想用伪代码做什么：

startPoller: Epic<Action<void>, Action<void>> = action$ =>
    action$.ofType(BankActions.DEPOSIT.POLL_DATA || BankActions.WITHDRAW.POLL_DATA || InvestActions.STOCK_PRICE.POLL_DATA )
      .switchMap(action =>
        Observable.interval(1000)
          .takeUntil(action$.ofType(action.STOP_POLLING))
          .mergeMap(count =>
            this.bankService.getDeposit(action.payload)
              .map(payload => ({ type: BankActions.DEPOSIT.POLL_SUCCESS, payload }))
              .catch(error => Observable.of({
                type: BankActions.DEPOSIT.POLLING_FAILED,
                payload: error
              }))
        )
)

我猜想让它工作我可能需要制作某种类型的基本类型，每个需要轮询的操作/服务都会扩展，然后我可以检查 ifs 类型是“PollerService”还是“PollerEpic”，然后我可以过滤吗？

4

1 回答 1

1

有点不清楚你在问什么，但我想我可以回答一些问题。

你的伪代码ofType：

action$.ofType(BankActions.DEPOSIT.POLL_DATA || BankActions.WITHDRAW.POLL_DATA || InvestActions.STOCK_PRICE.POLL_DATA )

可以通过将它们作为参数传递来完成；ofType将检查给定的操作是否属于这些类型中的任何一种。

action$.ofType(BankActions.DEPOSIT.POLL_DATA, BankActions.WITHDRAW.POLL_DATA, InvestActions.STOCK_PRICE.POLL_DATA )

我看到的伪代码中的下一件事是您希望匹配的操作提供什么STOP_POLLING类型。

.takeUntil(action$.ofType(action.STOP_POLLING))

目前还不清楚什么值STOP_POLLING是可接受的，通常 redux 类型变量应该与字符串命名相同，例如STOP_POLLING = 'STOP_POLLING'在这种情况下，它们都将是相同的'STOP_POLLING'值并不重要。

如果您希望它们有所不同，我不会使用 UPPER_CASE 约定，因为这可能会使维护变得混乱：

// what an action _might_ look like
{
  type: BankActions.DEPOSIT.POLL_DATA,
  meta: {
    stopType: 'DEPOSIT_STOP_POLLING'
  }
}

// then used something like this:
.takeUntil(action$.ofType(action.meta.stopType))
于 2017-11-02T17:54:57.980 回答