Question

如何继续将有效负载传递给其余的运营商？

例如：

login = (action$: ActionsObservable) => {
    return action$.ofType(SessionActions.LOGIN_USER)
      .mergeMap(({payload}) => {
        return this.http.post(`${BASE_URL}/auth/login`, payload)
          .map(result => ({
            type: SessionActions.LOGIN_USER_SUCCESS,
            payload: result.json().meta
          }))
          .catch(error => Observable.of({
            type: SessionActions.LOGIN_USER_ERROR
          }));
        });
  }

如何将有效负载和结果传递给地图运算符？

Answer 1

payload中可以使用.map的值，因为该功能是使用payload in scope定义的。您可以使用当前编写的方式在该函数中使用payload：

.map(result => ({
  type: SessionActions.LOGIN_USER_SUCCESS,
  payload: {
    one: result.json().meta,
    two: payload /* this is in parent scope from mergeMap */
  }
}))

但是，如果你想让它更明确，一种方法是使用zip来组合observables：

login = (action$: ActionsObservable) => {
    return action$.ofType(SessionActions.LOGIN_USER)
      .mergeMap(({payload}) => {
        return Rx.Observable.zip(
            Rx.Observable.of(payload),
            this.http.post(`${BASE_URL}/auth/login`, payload),
            (payload, result) => { payload, result }
          )
          .map({ payload, result} => ({
            type: SessionActions.LOGIN_USER_SUCCESS,
            payload: result.json().meta
          }))
          .catch(error => Observable.of({
            type: SessionActions.LOGIN_USER_ERROR
          }));
        });
  }

Zip允许您组合多个observable并提供选择器函数来形成结果对象。根据您的意图，combineLatest可能适合您对类似问题的需求，当您想要任何源发出时每个源的最新值时。{/ p>

redux-observable如何保持传递有效载荷

1 个答案: