What 's the type of React Query's Error ？

React Query 主要处理两种错误类型：

1. 查询错误（Query Errors）： 这类错误发生在尝试从服务器获取数据时遇到问题的情况下。例如，服务器可能会返回一个错误的响应（如 404 或 500 状态码），或者网络请求可能会失败（如网络断开）。React Query 会捕捉这些错误，并通过status和error属性提供给开发者，使他们能够据此展示错误消息或执行其他错误处理逻辑。

   举例： 假设我们在使用 React Query 获取用户信息，但服务器返回了 404 错误。在这种情况下，React Query 会将查询的status属性设置为'error'，并将具体的错误信息存储在error属性中。这样开发者可以根据这些信息显示一个错误提示，比如“用户信息未找到”。

   javascript
   const { data, error, status } = useQuery('user', fetchUser);
   
   if (status === 'error') {
     return <div>Error fetching user: {error.message}</div>;
   }

2. 突变错误（Mutation Errors）： 突变错误是指在执行数据修改或其他影响服务器状态的操作（如 POST, PUT, DELETE 请求等）时遇到的问题。这也包括了类似于查询错误的网络问题或服务器错误响应。

   举例： 如果我们尝试更新用户数据（例如，通过一个 POST 请求），而服务器因为某些内部错误而没有成功处理这个请求，React Query 的突变钩子（如 useMutation）会捕捉并提供这类错误信息。

   javascript
   const mutation = useMutation(updateUser, {
     onError: (error) => {
       alert(`Update failed: ${error.message}`);
     },
   });
   
   if (mutation.isError) {
     return <div>Error updating user: {mutation.error.message}</div>;
   }

在处理这些错误时，React Query 提供了多种错误处理选项和钩子，使得开发者可以灵活地根据应用的需求进行错误处理。通过 useQuery 和 useMutation 的 onError 回调，开发者可以自定义错误处理逻辑，例如显示错误消息、记录错误或触发其他辅助流程。这种灵活性是 React Query 在现代前端开发中广受欢迎的原因之一。