显示加载器，直到所有请求完成

Question

我的 React 应用初始化时（在 index.js 中）有几个请求

store.dispatch(pagesRequest());
store.dispatch(articlesRequest());

if (localStorage.ACCESS_TOKEN) {
  store.dispatch(profileRequest());
  store.dispatch(notificationsRequest());
}

我想显示一个全屏加载程序，直到所有加载程序都完成/出错。最好的处理方法是什么？

Answer 1

首先，它是为这个请求分派一个动作的更好方法，例如initialize() 然后，在 saga 中监听这个动作：

yield takeEvery(initialize, function* (action) {
  const [pages, articles, ...] = yield all([
    call(fetch, '/pages'),
    call(fetch, '/articles'),
    ...
  ])
}