当状态代码在反应查询中从服务器返回 422 时，isError 键为 false

Question

当状态代码 422 从管理员发回客户端时，不会抛出 React 查询错误。下面是这个问题的截图

这是一个反应查询变异对象。在错误键中，它应该显示错误消息，但它显示为空。

下面是查询

export const signin = (user) => {
  return fetch(`${API}/signin`, {
    method: "POST",
    headers: {
      Accept: "application/json",
      "Content-Type": "application/json",
    },
    body: JSON.stringify(user),
  })
    .then((response) => {
      if (!response.ok) throw new Error(response);
      else return response.json();
    })
    .catch((err) => err);
};

任何人都可以帮助我解决我在这里做错了什么。

Answer 1

.catch((err) => err);

是这里的罪魁祸首。它接受 Error 并将其转换为已解决的 Promise，这不是您想要的。删除它，它应该可以工作。

当状态代码在反应查询中从服务器返回 422 时，isError 键为 false

isError key is false when status code returned 422 from server in react-query

reactjs

fetch-api

react-query