Redux 请求中间件如何处理并发 ？
Redux 中间件是 Redux 架构中的关键部分，用于处理异步操作和副作用。当我们在 Redux 中处理 API 请求或其他异步操作时，我们通常会使用 Redux 中间件，例如 Redux-Thunk、Redux-Saga 或 Redux-Observable 等。
这些中间件处理并发请求的方式各有不同：
- Redux-Thunk：Redux-Thunk 是一个简单的中间件，它允许你在 action 创建函数中返回一个函数，而不是一个普通的 action 对象。这个函数可以接收
dispatch和getState作为参数，以便在需要的时候派发新的 action 或者读取当前的状态。当你需要处理并发请求时，你可以使用Promise.all或者其他 Promise 方法来处理。 -
Redux-Saga：Redux-Saga 使用 ES6 的 Generator 功能，使得异步流程控制更加直观，写起来更像同步代码。Redux-Saga 提供了非阻塞调用（
fork）和并发调用（all）等高级功能，可以很好地处理并发请求。 -
Redux-Observable：Redux-Observable 基于 RxJS，提供了强大的异步流程控制能力。你可以利用 RxJS 提供的各种操作符来处理并发请求，例如
mergeMap、concatMap、switchMap等。
以下是一个 Redux-Saga 的例子，展示了如何使用 all 来处理并发请求：
import { all, call } from 'redux-saga/effects';
import { fetchUser, fetchPosts } from './api';
function* fetchData(action) {
const [user, posts] = yield all([
call(fetchUser, action.userId),
call(fetchPosts, action.userId)
]);
// 在这里，你可以派发一个新的 action 来更新你的状态
// 例如：yield put({ type: 'FETCH_SUCCEEDED', user, posts });
}
在这个例子中，fetchUser 和 fetchPosts 两个请求会并发发出，当两个请求都完成时，fetchData saga 才会继续执行。