代码之家 › 专栏 › 技术社区 › Rahul Shakya

有没有办法从redux observable的管道发送多个动作?

redux-observable rxjs redux react-native reactjs

0

Rahul Shakya · 技术社区 · 4 年前

现在我只想做以前的事我的API.postUserData(有效载荷);我想调用PROFILE_FETCHING_DATA_LOADING以显示ActivityIndicator,但无法执行此操作。

const profileFetchingDataEpic = (action$) =>
  action$.pipe(
    ofType(PROFILE_FETCHING_DATA_ATTEMPT),
    flatMap((action) => {
      myAPI.postUserData(action.payload);
      return [action];
    }),
    map((action) => {
      console.log("EPIC profileFetchingDataEpic", action);
      return {
        type: PROFILE_FETCHING_DATA_SUCCESS,
        payload: action.payload,
      };
    })
  );

有什么想法吗

0 回复 | 直到 4 年前

1

0

Jonathan Stellwag 4 年前

我不能百分之百确定我是否理解你的意思。如果希望由一个可观察发射创建多个发射,可以:

将多个值映射到数组
把它们合并成一个发射点

const { Observable } = rxjs;
const { mapTo, mergeAll } = rxjs.operators;

const source$ = new Observable(sub => sub.next(void 0)).pipe(
  mapTo(['one', 'two']),
  mergeAll()
)

source$.subscribe(v => console.log('source$', v))

<script src="https://cdnjs.cloudflare.com/ajax/libs/rxjs/6.5.3/rxjs.umd.min.js"></script>

这个 mapTo map((action) => ... . 在这里,您需要创建在特定操作传入后要发出的所有操作。

推荐文章

1ven · 在redux observable[重复]中聆听多个动作

7 年前

Alex · redux可观察epic链调度重复动作

7 年前

1ven · 如何在redux observable中执行epic内部的副作用?

7 年前

Hongbo Miao · 如何使用redux observable正确获取二值图像?

7 年前

petithomme · 将RxJs takeUntil()函数用于apollo客户端

7 年前

Danny Delott · 如何创建一个redux可观察史诗,在做任何事情之前等待2个动作

7 年前