本文是 React Query 系列第二篇，上一篇，我們概述了 React Query 是什么[1]，以及它的 3 個核心概念，包括:pru28資訊網(wǎng)——每日最新資訊28at.com

1. 查詢（Queries）
2. 修改（Mutations），和
3. 作廢緩存（Query Invalidation）

本次，我們將深入第一個核心概念里的內(nèi)容——useQuery()。pru28資訊網(wǎng)——每日最新資訊28at.com

useQuery() 是 React Query 對外提供一個用于封裝獲取數(shù)據(jù)請求的包裝 React Hook。pru28資訊網(wǎng)——每日最新資訊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.www897cc.com/showinfo-26-94586-0.html一個數(shù)據(jù)獲取竟被 React Query 玩出這么多花樣來！
                
聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。郵件：2376512515@qq.com
                
上一篇： 我已徹底拿捏 React Compiler，原來它是元素級細(xì)粒度更新。原理性能優(yōu)秀實踐都在這七千字里
                
下一篇： 異步失效的九種場景及C#示例代碼