如何为saga错误处理创建通用包装函数?

export function* logoutSaga() {
  try {
    yield put(logoutRequest());
    yield call(api.logout);
    yield localStorage.clear();
    yield put(logoutSuccess());
  } catch(e) {
    yield put(logoutFailure(parseError(e)));
  }
}

此外,通过将API函数包装在包装器中,可以完全消除解析错误的需要。例如:

class ApiError {
    constructor(err, helpful) {
        this.original = err;
        this.helpful = helpful;
    }
}

const logout = () => { 
    try {
        return axios.post("accounts/logout/");
    } catch (err) {
        throw new ApiError(err, 'There was a problem logging out.');
    }
}

然后在错误处理函数中,可以检查抛出的错误是否为“ instanceof ApiError err.helpful 给最终用户。您可以使用 ApiError 更进一步,解析原始错误,并修改 this.helpful 更多基于返回的结果。

传递的是生成器,而不是函数,因此需要正确调用它。你应该像这样换包装纸

export function* withErrorHandler(fn, errorFn) {
 try {
  yield fn();
 } catch (e) {
...