当前位置:首页 > 科技  > 软件

一个数据获取竟被 React Query 玩出这么多花样来!

来源: 责编: 时间:2024-06-18 17:04:50 70观看
导读本文是 React Query 系列第二篇,上一篇,我们概述了 React Query 是什么[1],以及它的 3 个核心概念,包括:查询(Queries)修改(Mutations),和作废缓存(Query Invalidation)本次,我们将深入第一个核心概念里的内容——useQuery()。use

本文是 React Query 系列第二篇,上一篇,我们概述了 React Query 是什么[1],以及它的 3 个核心概念,包括:ig728资讯网——每日最新资讯28at.com

  1. 查询(Queries)
  2. 修改(Mutations),和
  3. 作废缓存(Query Invalidation)

本次,我们将深入第一个核心概念里的内容——useQuery()。ig728资讯网——每日最新资讯28at.com

useQuery() 是 React Query 对外提供一个用于封装获取数据请求的包装 React Hook。ig728资讯网——每日最新资讯28at.com

import { useQuery } from 'react-query'function Example() {  const { isLoading, isError, error, data } = useQuery('repoData', () =>    fetch('https://api.github.com/repos/tannerlinsley/react-query').then(res =>      res.json()    )  )  if (isLoading) return 'Loading...'  if (isError) return 'An error has occurred: ' + error.message  return (    <div>      <h1>{data.name}</h1>      <p>{data.description}</p>      <strong> 
                

本文链接:http://www.28at.com/showinfo-26-94586-0.html一个数据获取竟被 React Query 玩出这么多花样来!

声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。邮件:2376512515@qq.com

上一篇: 我已彻底拿捏 React Compiler,原来它是元素级细粒度更新。原理性能优秀实践都在这七千字里

下一篇: 异步失效的九种场景及C#示例代码

标签:
  • 热门焦点
Top