使用 redux-toolkit 处理错误

2024-02-27

有关我的案例中的错误的信息深深地存在于响应中,我正在尝试将我的项目移至redux-toolkit。以前是这样的:

catch(e) {
  let warning
  switch (e.response.data.error.message) { 
    ...
  }
}

问题是redux-toolkit不将该数据放入rejected动作创建者和我无法访问错误消息,它会放置他的消息而不是最初的消息:

虽然原始响应如下所示:

那么我怎样才能检索这些数据呢?


根据文档,RTKcreateAsyncThunk对错误有默认处理 - 它分派一个序列化版本Error实例为action.error.

如果您需要自定义内容rejected行动,由您自己捕获最初的错误,并且use rejectWithValue()决定采取什么行动 https://redux-toolkit.js.org/api/createAsyncThunk#examples:

const updateUser = createAsyncThunk(
  'users/update',
  async (userData, { rejectWithValue }) => {
    const { id, ...fields } = userData
    try {
      const response = await userAPI.updateById(id, fields)
      return response.data.user
    } catch (err) {
      if (!err.response) {
        throw err
      }

      return rejectWithValue(err.response.data)
    }
  }
)
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 redux-toolkit 处理错误 的相关文章

随机推荐