React JS React查询的useMutation:无法在onError回调中从服务器检索响应

React JS是一种流行的JavaScript库，用于构建用户界面。它提供了一种声明式的编程模型，使开发人员能够高效地构建可复用的UI组件。

在React中，useMutation是一个自定义钩子函数，用于处理与服务器的交互和数据变更。它通常用于执行对服务器的更新、创建或删除操作。

然而，在useMutation的onError回调中，无法直接从服务器检索响应。这是因为onError回调只会在请求发生错误时被触发，而不会包含服务器的响应数据。

要从服务器检索响应，可以使用useMutation的onCompleted回调。在onCompleted回调中，可以访问服务器返回的数据，并根据需要进行处理。

以下是使用React JS中useMutation的示例代码：

import { useMutation } from 'react-query';

const updateUser = async (userData) => {
  // 发送更新用户请求到服务器
  const response = await fetch('/api/users', {
    method: 'PUT',
    body: JSON.stringify(userData),
    headers: {
      'Content-Type': 'application/json',
    },
  });

  // 检查响应状态
  if (!response.ok) {
    throw new Error('更新用户失败');
  }

  // 解析并返回响应数据
  return response.json();
};

const MyComponent = () => {
  const mutation = useMutation(updateUser, {
    onError: (error) => {
      // 处理错误
      console.error(error);
    },
    onCompleted: (data) => {
      // 处理成功响应数据
      console.log(data);
    },
  });

  const handleFormSubmit = (event) => {
    event.preventDefault();
    // 执行更新用户操作
    mutation.mutate({ name: 'John Doe', age: 30 });
  };

  return (
    <form onSubmit={handleFormSubmit}>
      {/* 表单内容 */}
    </form>
  );
};

在上述示例中，updateUser函数用于发送更新用户的请求到服务器。在onError回调中，可以处理请求错误。在onCompleted回调中，可以处理成功响应数据。