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);
}
相关推荐
是梦终空2 分钟前
vue下载依赖报错npm ERR node-sass@4.14.1 postinstall: `node scripts/build.js`的解决方法
javascript·npm·vue·node-sass·vue依赖
依米_4 分钟前
一文带你剖析 Promise.then all 实现原理,状态机、发布订阅模式完美实现异步编程
javascript·设计模式
陈陈小白5 分钟前
npm run dev报错Error: listen EADDRINUSE: address already in use :::8090
前端·npm·node.js·vue
G018_star sky♬5 分钟前
使用npm运行js脚本覆盖vue依赖包
javascript·vue.js
杂鱼豆腐人7 分钟前
pnpm环境下防止误使用npm的方法
前端·git·npm·node.js·git bash
我是ed8 分钟前
# vue2 使用 cesium 展示 TLE 星历数据
前端
宇余30 分钟前
从 useState 到 URLState:前端状态管理的另一种思路
前端·vue.js
白兰地空瓶36 分钟前
🚀 10 分钟吃透 CSS position 定位!从底层原理到避坑实战,搞定所有布局难题
前端·css
T___T1 小时前
Ajax 数据请求详解与实战
javascript·面试