swr下載 - swr源代碼下載

swr

Ai源碼

v2.3.0

下載

介紹

SWR是用於數據獲取的React Hooks庫。

名稱“ swr ”源自stale-while-revalidate一種由HTTP RFC 5861普及的緩存無效策略。 SWR首先返回來自Cache（Stale）的數據，然後發送請求（Revalidate），最後再次帶有最新數據。

只需一個鉤子，您就可以顯著簡化項目中的數據獲取邏輯。它還涵蓋了速度，正確性和穩定性的各個方面，以幫助您建立更好的體驗：

快速，輕巧和可重複使用的數據獲取
運輸和協議不可知論
內置緩存並請求重複數據刪除
實時體驗
重新集中精力
網絡恢復的重新驗證
輪詢
分頁和滾動位置恢復
SSR和SSG
局部突變（樂觀的UI）
內置智能錯誤重試
打字稿
反應懸念
反應天然

...還有更多。

使用SWR，組件將不斷地自動獲得一系列數據更新。因此，UI將永遠是快速和反應性的。

在swr.vercel.app上查看完整的文檔和示例。

快速開始

 import useSWR from 'swr'

function Profile ( ) {
  const { data , error , isLoading } = useSWR ( '/api/user' , fetcher )

  if ( error ) return < div > failed to load </ div >
  if ( isLoading ) return < div > loading... </ div >
  return < div > hello { data . name } ! </ div >
}

在此示例中，React Hook useSWR接受key和fetcher函數。 key是請求的唯一標識符，通常是API的URL。 fetcher接受key作為其參數，並異步返回數據。

useSWR還返回3個值： data ， isLoading和error 。當請求（Fetcher）尚未完成時， data將是undefined ，並且isLoading將是true 。當我們得到響應時，它會根據fetcher的結果設置data和error ， isLoading為false，然後重新註冊組件。