本文是 React Query 系列第二篇,上一篇,我们概述了 React Query 是什么[1],以及它的 3 个核心概念,包括:
本次,我们将深入第一个核心概念里的内容——useQuery()。
useQuery() 是 React Query 对外提供一个用于封装获取数据请求的包装 React Hook。
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#示例代码