通过apollo react使用useMutations重定向后，UseQuery不工作

。

首先，让我们了解一下问题的背景。Apollo是一个流行的GraphQL客户端，它提供了一套用于在前端应用程序中管理GraphQL数据的工具和库。在React应用程序中，我们可以使用Apollo React来集成Apollo客户端。

在这个问题中，我们使用了useMutations钩子来执行GraphQL的mutation操作，并在操作完成后进行重定向。然而，重定向后，我们发现useQuery不再工作。

这个问题可能是由于重定向后组件的重新渲染导致的。当我们重定向时，组件会被卸载并重新挂载，这可能会导致useQuery钩子的重新初始化。由于Apollo客户端的缓存机制，重新初始化后的useQuery可能无法正确地从缓存中获取数据。

为了解决这个问题，我们可以尝试以下几个步骤：

确保在重定向之前，将需要的数据保存到Apollo客户端的缓存中。可以使用Apollo客户端提供的cache.writeQuery方法手动将数据写入缓存。
在重定向后的组件中，使用Apollo客户端的cache.readQuery方法从缓存中读取数据。这样可以确保在重新初始化useQuery钩子之前，我们可以从缓存中获取到之前保存的数据。
在重新初始化useQuery钩子之前，可以使用Apollo客户端的cache.restore方法将之前保存的数据恢复到缓存中。这样可以确保useQuery钩子能够正确地从缓存中获取数据。

以下是一个示例代码，演示了如何在重定向后正确使用useQuery钩子：

import { useQuery, useMutation } from '@apollo/react-hooks';
import { gql } from 'apollo-boost';

const GET_DATA = gql`
  query GetData {
    // 查询数据的GraphQL查询语句
  }
`;

const SAVE_DATA = gql`
  mutation SaveData($input: DataInput!) {
    // 执行保存数据的GraphQL mutation语句
  }
`;

const MyComponent = () => {
  const { loading, error, data } = useQuery(GET_DATA);
  const [saveData] = useMutation(SAVE_DATA);

  const handleSave = async () => {
    try {
      await saveData({
        variables: {
          input: // 要保存的数据
        },
      });

      // 保存数据后进行重定向
      // 重定向代码...

    } catch (error) {
      // 处理保存数据失败的情况
    }
  };

  if (loading) {
    return <div>Loading...</div>;
  }

  if (error) {
    return <div>Error: {error.message}</div>;
  }

  return (
    <div>
      {/* 渲染数据 */}
      {data && data.someData}
      {/* 其他组件代码 */}
    </div>
  );
};

export default MyComponent;

在这个示例中，我们使用了Apollo React的useQuery和useMutation钩子来执行GraphQL查询和mutation操作。在保存数据后，我们可以进行重定向操作。在重定向后的组件中，我们重新初始化了useQuery钩子，并从缓存中读取之前保存的数据。

需要注意的是，这只是一个示例代码，具体的实现方式可能因项目的具体情况而有所不同。但是通过这个示例，你可以了解到如何在重定向后正确使用useQuery钩子。

希望这个答案能够帮助到你，如果你有任何其他问题，请随时提问。