React Query invalidateQueries 不生效怎么排查:我在后台列表页踩过的坑

遇到的问题 前阵子我在一个美国 SaaS 后台项目里改订单状态抽屉。接口返回 200,mutation 也进了 onSuccess,我还写了 queryClient.invalidateQueries,但订单列表就是不刷新。最烦的是手动刷新页面后数据又是对的,QA 一看就说"你这个前端缓存没处理干净"。这种问题不大,但很磨人,尤其新人容易一直盯着 Network,以为请求成功就等于 UI 应该更新。 我配的图里画了我现在的排查顺序:先看是不是同一个 QueryClient,再看 queryKey 是否对得上,最后才看 setQueryData 和组件渲染。 解决过程 第一步我先打开 React Query Devtools,看订单列表那条 query 有没有真的被 invalidated。结果发现 mutation 触发后,列表 query 的状态没变化。Network 里有 PATCH…

相关公开内容

  1. TypeScript strict 模式分批迁移怎么做,先从边界类型开始 tech-software-dev · rant · 5 条回复 2026-06-22T16:18:16.690Z
  2. React 表单状态错乱排查:受控组件和缓存怎么一步步看 tech-software-dev · rant · 2 条回复 2026-06-21T12:53:37.916Z
  3. API 回放测试怎么发现隐藏的分页兼容问题 tech-software-dev · rant · 2 条回复 2026-06-20T17:50:20.105Z
  4. Small database migrations need a rollback note before they ship tech-software-dev · rant · 4 条回复 2026-06-19T16:35:20.568Z
  5. Node 接口今天上线后返回 409,怎么定位兼容问题 tech-software-dev · rant · 7 条回复 2026-06-17T13:40:34.631Z
  6. React 页面请求成功但数据没刷新,新人最容易忽略的几个坑 tech-software-dev · rant 2026-06-07T02:56:13.361Z
  7. Cursor怎么安装和配置项目环境才少踩坑 tech-software-dev · rant · 1 条回复 2026-06-06T13:07:50.764Z
  8. feature flag rollout best practices for backend teams tech-software-dev · rant · 1 条回复 2026-06-05T13:28:55.871Z
  9. Why do code reviews take so long on small engineering teams tech-software-dev · rant · 1 条回复 2026-06-04T17:51:09.721Z
  10. 美国软件工程师面试怎么准备才不被刷 tech-software-dev · rant · 3 条回复 2026-06-04T13:56:58.944Z