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);
}
相关推荐
油丶酸萝卜别吃9 分钟前
高效处理数组差异:JS中新增、删除、交集的最优解(Set实现)
开发语言·前端·javascript
GISer_Jing9 分钟前
前端动画技术全解析:从GIF到WebGPU
前端·ai·动画·webgl
LIO11 分钟前
Vue3 + TS 企业级工程化项目全套实战(Vue3 + Vite + Pinia + VueRouter + Element Plus)
前端·vue.js
gskyi11 分钟前
时间格式化神器:智能显示相对时间
开发语言·javascript·ecmascript
李昊哲小课18 分钟前
安装 npm/pnpm/yarn 换国内镜像 统一目录管理全局包+缓存
前端·缓存·npm·pnpm·yarn
挖稀泥的工人19 分钟前
AI 打字跟随优化
前端·javascript·vue.js
Ruihong20 分钟前
你的 Vue 3 defineEmits(),VuReact 会编译成什么样的 React?
vue.js·react.js·面试
jiayong2321 分钟前
第 11 课:把筛选条件同步到 URL
开发语言·前端·javascript
Mintopia25 分钟前
性能优化的错觉:你优化的,可能根本不是瓶颈
前端