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);
}
相关推荐
梦65011 分钟前
React 简介
前端·react.js·前端框架
一只小阿乐12 分钟前
react 中的判断显示
前端·javascript·vue.js·react.js·react
光影少年15 分钟前
useMemo 和 React.memo区别
前端·react.js·前端框架
小沐°15 分钟前
React-页码组件
前端·javascript·react.js
消失的旧时光-194316 分钟前
Flutter 与 React/Vue 为什么思想一致?——声明式 UI 体系的深度对比(超清晰版)
vue.js·flutter·react.js
零一科技18 分钟前
Vue3学习第三课: ref 与 reactive 选择指南
前端·vue.js
余杭子曰1 小时前
播放状态与播放序列的关系(999篇一线博客第107篇)
前端
e***U8202 小时前
前端路由懒加载实现,React.lazy与Suspense
前端·react.js·前端框架
诸葛亮的芭蕉扇2 小时前
抓图巡检-底图支持绘制
开发语言·前端·javascript
来碗盐焗星球3 小时前
yalc,yyds!
前端