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);
}
相关推荐
幸运小圣3 分钟前
全面解析 Web 核心性能指标:LCP、INP、CLS 是什么、怎么用、怎么看
前端
如果超人不会飞8 分钟前
TinyRobot SuggestionPopover智能建议弹出框组件
前端·vue.js
LiuJun2Son23 分钟前
Angular 快速入门:从零搭建你的第一个应用
前端·javascript·angular.js
烬羽23 分钟前
从零理解树与二叉树:用 JS 带你手撕遍历和递归
javascript·数据结构
小徐_233331 分钟前
Wot UI 2.1.0 发布:ConfigProvider 全局配置能力升级
前端·uni-app
方白羽32 分钟前
Vibe Coding 四个核心阶段
android·前端·app
奶油话梅糖32 分钟前
浏览器解析 HTML 头部的底层逻辑:从字节流到资源调度
前端·html
YHL33 分钟前
🚀从零理解树与二叉树 —— 概念、实现与遍历
前端·javascript·数据结构
小时前端34 分钟前
微前端技术选型深度分析:从概念到实践
前端
十九画生35 分钟前
学 JavaScript 数据类型,真正要搞懂的是:变量里存的到底是什么?
javascript