react-query重用项目缓存中的项目

import { useQuery } from 'react-query';

const fetchProject = async (projectId) => {
  // 从服务器获取项目数据的逻辑
};

const ProjectDetails = ({ projectId }) => {
  const { data } = useQuery(['project', projectId], () => fetchProject(projectId));

  // 渲染项目详情
};

const ProjectList = () => {
  const { data } = useQuery('projects', fetchProjects);

  // 渲染项目列表
};

const ProjectDashboard = () => {
  const { data } = useQuery('projects', fetchProjects);

  // 渲染项目仪表盘
};

import { useQueryClient } from 'react-query';

const ProjectForm = ({ projectId }) => {
  const queryClient = useQueryClient();

  const handleSubmit = async (formData) => {
    // 提交表单数据的逻辑

    // 无效化项目缓存
    queryClient.invalidateQueries(['project', projectId]);
  };

  // 渲染项目表单
};