react-query(@tanstack/react-query)使用

复制代码
// isPending代表接口调用状态,false表示已完成
const {isPending, mutate} = useMutation({
    mutationFn: async (newData) => insertNewData(newData),
    onSuccess: () => {
      queryClient.invalidateQueries({ queryKey: ['repoData'] });
    },
    onError: (error) => {
      console.log(error)
    }
});

const handleSave = () => {
  // 传参
  const params = {name: 'zs'};
  mutate(params);
}
相关推荐
Tzarevich4 分钟前
深入理解Event Loop:从原理图到代码实战,小白也能看懂的 JS 执行机制
前端·javascript·面试
毛骗导演11 分钟前
发送一句「你好」,为什么花掉了几千个 Token?——深读 OpenClaw 的 Context 注入机制
前端·架构
工边页字12 分钟前
AI产品中的长期记忆和短期记忆是什么,你知道吗?
前端·人工智能·后端
HelloReader13 分钟前
Flutter 页面导航Navigator.push 与自适应导航模式(十四)
前端
小凡同志15 分钟前
那个复制粘贴了二十次 loading 的下午
前端·vue.js
还是大剑师兰特15 分钟前
vue3中slot,template #名称 的详细说明和具体示例
javascript·vue.js·ecmascript
HelloReader15 分钟前
Flutter 底层原理揭秘框架如何工作(十五)
前端
敲代码的约德尔人16 分钟前
深入理解 React useEffect:从入门到精通的 8 个关键技巧
react.js
南篱17 分钟前
前端必看:一口气搞懂跨域是什么、为什么、怎么解决
前端·javascript·面试
qq_4061761417 分钟前
Vue 插槽与组件传参:从入门到精通
前端·javascript·vue.js