在第一部分我 suign fetch() 并且它作業正常但是當我使用 useSWR() 它回傳 UNDEFINED
export const getAllEvents = async()=>{
const response = await fetch('https://*******-rtdb.firebaseio.com/events.json');
const data = await response.json();
const events = [];
for (const key in data){
events.push({
id:key,
...data[key]
});
}
return events; // returns data as I wanted.. perfect
}
但在以下代碼段中，它回傳未定義（相同的網址）
import useSWR from 'swr';
const {data, error} = useSWR('https://*******-rtdb.firebaseio.com/events.json');
console.log(data); // returns undefined
uj5u.com熱心網友回復：
useSWR期望fetcher函式作為第二個引數：
https://swr.vercel.app/#overview
它可以是自定義方法，例如
export const fetcher = async (...args: Parameters<typeof fetch>) => {
const res = await fetch(...args);
if (!res.ok) {
throw { status: res.status, statusText: res.statusText };
}
return res.json();
};
uj5u.com熱心網友回復：
使用 swr 還需要帶一個 fetcher 函式，現在你只是傳遞一個 url。Swr 不知道如何處理該網址..
const { data, error } = useSWR(
"https://api.github.com/repos/vercel/swr",
fetcher
);
const fetcher = (url) => fetch(url).then((res) => res.json());
我建議你閱讀檔案。
uj5u.com熱心網友回復：
添加這個：
const fetcher = (...args) => fetch(...args).then(res => res.json())
const {data, error} = useSWR('https://*******-rtdb.firebaseio.com/events.json', fetcher);
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/318250.html