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