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);
}
相关推荐
IT小哥哥呀1 小时前
论文见解:REACT:在语言模型中协同推理和行动
前端·人工智能·react.js·语言模型
一枚前端小能手1 小时前
🚫 请求取消还在用flag?AbortController让你的异步操作更优雅
前端·javascript
JohnYan1 小时前
工作笔记 - VSCode ssh远程开发
javascript·ssh·visual studio code
古茗前端团队1 小时前
小程序 Galacean Effect实践
react.js
code_YuJun1 小时前
前端脚手架开发流程
前端
golang学习记1 小时前
从0死磕全栈之使用 VS Code 调试 Next.js 应用完整指南
前端
shayudiandian1 小时前
JavaScript性能优化实战
开发语言·javascript·性能优化
Mintopia1 小时前
🧩 隐私计算技术在 Web AIGC 数据处理中的应用实践
前端·javascript·aigc
尘世中一位迷途小书童1 小时前
代码质量保障:ESLint + Prettier + Stylelint 三剑客完美配置
前端·架构
Mintopia1 小时前
🧭 Next.js 架构与运维:当现代前端拥有了“分布式的灵魂”
前端·javascript·全栈