javascript - 我怎样才能停止 redux Action ？当我出错时

Question

如果在 getPost 函数的 yield call(refresh) 中发生错误，则无论是否发生错误，GETPOST_REQUEST 操作都会继续。
但是，如果 getPost 函数中发生错误，我不希望该操作再运行并停止和结束

    yield put({
          type: REFRESH_FAILURE,
          error: err.response.data,
        });

这是我的代码我该如何修复？

    function getPostAPI(data) {
      return axiosInstace.post("/kakao/getpost", data);
    }

    function* getPost(action) {
      try {
        const result = yield call(getPostAPI, action.data);
        yield put({
          type: GETPOST_SUCCESS,
          data: result.data,
        });
      } catch (err) {
        if (err.response.data === "jwtEx") {
          yield call(refresh);      // if this error i want to stop .

        
          yield put(action);
        } else {
          yield put({
            type: GETPOST_FAILURE,
            error: err.response.data,
          });
        }
      }
    }

    function refreshAPI() {
      // console.log('data::', data);
      return axiosInstace.post("/kakao/refresh");
    }

    function* refresh() {
      try {
        const result = yield call(refreshAPI);
        yield AsyncStorage.setItem(
          "accesstoken",
          `${result.data.accessToken}`,
          () => {
            // console.log('accesstoken 재발급 저장 완료');
            console.log("accesstoken3333333333333333333", result.data.accessToken);
          }
        );
        yield put({
          type: REFRESH_SUCCESS,
          data: result.data,
        });
      } catch (err) {
        console.log("refresh err.response.data:", err.response.data);
        yield put({
          type: REFRESH_FAILURE,
          error: err.response.data,
        });
      }
    }

Answer 1

您可以通过执行以下操作对代码进行小幅更新:

返回 boolean您的值(value) refresh生成器函数。boolean将是:

true如果 refresh成功

false如果 refresh失败的。

套装yield call(refresh);到 const捕获此返回的声明 boolean值(value)

如果这被捕获 boolean值为 false , 通过 return 退出生成器函数提早

试试下面的代码。

function getPostAPI(data) {
  return axiosInstace.post('/kakao/getpost', data);
}

function* getPost(action) {
  try {
    const result = yield call(getPostAPI, action.data);
    yield put({
      type: GETPOST_SUCCESS,
      data: result.data,
    });
  } catch (err) {
    if (err.response.data === 'jwtEx') {
      const refreshSuccess = yield call(refresh);
      if (!refreshSuccess) {
        return;
      }

      yield put(action);
    } else {
      yield put({
        type: GETPOST_FAILURE,
        error: err.response.data,
      });
    }
  }
}

function refreshAPI() {
  return axiosInstace.post('/kakao/refresh');
}

/**
 * @returns {boolean} 
 * - `true` if refresh is successful
 * - `false` if refresh failed
 */
function* refresh() {
  let refreshSuccess;
  try {
    const result = yield call(refreshAPI);
    yield AsyncStorage.setItem(
      'accesstoken',
      `${result.data.accessToken}`,
      () => {
        // console.log('accesstoken 재발급 저장 완료');
        console.log('accesstoken3333333333333333333', result.data.accessToken);
      }
    );
    yield put({
      type: REFRESH_SUCCESS,
      data: result.data,
    });
    refreshSuccess = true;
  } catch (err) {
    console.log('refresh err.response.data:', err.response.data);
    yield put({
      type: REFRESH_FAILURE,
      error: err.response.data,
    });
    refreshSuccess = false;
  } finally {
    return refreshSuccess;
  }
}