javascript - 使yield.put在redux-saga中一个接一个地发生

我让yield.put一个接一个地发生，因为异步行为对我的实现没有好处。

发电机功能

export function * createUser (action) {
  try {
    axios.defaults.headers.common['Authorization'] =
      'Bearer ' + localStorage.getItem('userAccessToken')
    console.log(action.payload)
    const user = yield call(axios.post, api.createUser, action.payload)
    yield put(actionCreators.addUserSuccess(user.data))

    const qs = queryString.stringify(action.payload)
    const endpoint = `${api.createUser}?${qs}`
    console.log(endpoint)
    const users = yield call(axios.get, endpoint)
    console.log(users)

    yield put(actionCreators.fetchUsersSuccess(users.data))
  } catch (error) {
    yield put(actionCreators.addUserFailure(error))
  }
}

我有这个发电机功能，我想要
yield put(actionCreators.addUserSuccess(user.data))在调用yield put(actionCreators.fetchUsersSuccess(users.data))之前完成

任何帮助，将不胜感激

最佳答案

以下是一些解决方法：


使actionCreators.addUserSuccess阻止
actionCreators.addUserSuccess完成后，请分派其他操作


使actionCreators.addUserSuccess阻止

有putResolve效果创建者可用于阻止效果。仅当addUserSuccess返回需要解决的承诺时，此功能才有用。

    const response = yield putResolve(actionCreators.addUserSuccess(user.data))
    // use resolved promise in next operation

actionCreators.addUserSuccess completes时调度另一个动作）

在actionCreators.addUserSuccess不返回承诺的情况下，这是一种更好的方法。

actionCreators.addUserSuccess完成后，分派另一个动作，然后take该动作。

    while (true) {
      // say this is the action type that is dispatched in the
      // middleware that runs actionCreators.addUserSuccess
      const action = yield take('FETCH_USERS');
      yield put(actionCreators.fetchUsersSuccess(action.users.data))
    }