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

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

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

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