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

news/2024/7/24 12:08:47 标签: react.js, javascript, 前端
// 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);
}



http://www.niftyadmin.cn/n/5203714.html

相关文章

代码随想录二刷 | 链表 |链表相交

代码随想录二刷 | 链表 |链表相交 题目描述解题思路 & 代码实现 题目描述 160.链表相交 给你两个单链表的头节点 headA 和 headB ,请你找出并返回两个单链表相交的起始节点。如果两个链表没有交点,返回 null 。 题目数据 保…

uniapp开发小程序-pc端小程序下载文件

fileName包含文件名后缀名,比如test.png这种格式 api.DownloadTmtFile后端接口返回的是文件的二进制流 值得注意的是,微信开发者工具中是测试不了wx.saveFileToDisk的,需要真机或者体验版测试 handleDownload(fileName) {if (!fileName) retu…

7.5寸电子会议桌牌

银色外框设计,高端大气~ 超低功耗,常规使用寿命3-5年! 点阵电子纸屏幕,实现完全无纸化,循环使用,绿色环保! 四色/七色清晰显示,内容更丰富。 一次投入,省时省力更省事&#xff0…

新的希望就在小雪季节,人大与加拿大女王大学金融硕士邀你来享金融知识盛宴

小雪拉开了冬日的序幕,从今日起天气会越来越冷。随着寒潮、大风的预警,北京明天的气温会下降不少。在这个寒冷的冬日,是什么让我们感受到温暖呢?人大与加拿大女王大学金融硕士项目恰如冬日暖阳,为我们温暖并照亮了读研…

时态图根据时间轴动态播放热力图

效果图如下&#xff1a; <!DOCTYPE html> <html><head><title>时态图</title><meta charset"utf-8" /><meta name"viewport" content"widthdevice-width, initial-scale1.0" /><!-- 引入样式 --&g…

Linux 中 .tar 和 tar.gz 的区别

1、前言 有时候你会发现&#xff0c;即便是有些拥有 3 年左右工作经验的运维或开发工程师对 .tar 和 .tar.gz 的区别并不是很清楚。.tar 和 .tar.gz 是在 Linux 系统中用于打包和压缩文件的两种常见格式。它们之间的主要区别在于压缩算法和文件扩展名。 2、区别 .tar .tar 是…

torchvision中的标准ResNet50网络结构

注&#xff1a;仅用以记录学习 打印出来的网络结构如下&#xff1a; from torchvision import models model models.resnet50(pretrainedFalse) print("model: ", model) 结构&#xff1a; ResNet((conv1): Conv2d(3, 64, kernel_size(7, 7), stride(2, 2), padd…

vue2中的props属性

vue2中的props属性 props传递&使用 调用子组件是创建子组件的实例 传递属性&#xff1a;:a"a"&#xff0c;非字符串都用v-bind created: 属性 状态 computed watch都处理好了 会被挂载到实例上get/set劫持&#xff1a;get获取最新&#xff0c;set目的抛出错误 修…