REACT查询InverateRicequeries发布后更新数据

发布于 2025-02-10 20:16:46 字数 780 浏览 2 评论 0原文

我正在研究一个简单的反应crud和React Query,并且在与Invacteries一起发布新项目后,我一直在尝试更新我的数据,但它不起作用,尝试了很多:诸如:OnSuccess之类的事情,笨拙,焦点等,以及在React查询文档之后,似乎没有任何作用。这是我的代码:

const queryClient = useQueryClient();

const handleSubmitButtonNew = async (data) => {
    api.createAnnouncements(data);
  };

  const mutation = useMutation(handleSubmitButtonNew, {
    onSuccess: () => {
      queryClient.invalidateQueries("Announcements");
    },
  });

  const { data, status, isLoading } = useQuery(
    "Announcements",
    api.getAnnouncements
  );

然后在我调用的子部分中:

mutation.mutate({ title: title.value, content: content.value, user });

我可以调用 queryclient.invalidatequeries(“公告”); 最初“公告”最初是“公告”是在获取吗?

我在做什么错?

I'm working on a simple React CRUD with React Query, and I've being stuck for a while trying to update my fetched data after I post a new item with invalidateQueries but it doesn't work, being trying many things like: onSuccess, onMutate, onSettled, etc etc, and nothing seems to work, also following the React Query Documentation. Here is my code:

const queryClient = useQueryClient();

const handleSubmitButtonNew = async (data) => {
    api.createAnnouncements(data);
  };

  const mutation = useMutation(handleSubmitButtonNew, {
    onSuccess: () => {
      queryClient.invalidateQueries("Announcements");
    },
  });

  const { data, status, isLoading } = useQuery(
    "Announcements",
    api.getAnnouncements
  );

and then in a child component I call:

mutation.mutate({ title: title.value, content: content.value, user });

Can I call the queryClient.invalidateQueries("Announcements"); from another component where the "Announcements" originally is fetching?

What I'm doing wrong ?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文