我想为一个页面获取 3 个端点,我使用 next.js 中的 SWR 挂钩,因为我需要从客户端获取它。该文档对我没有帮助,因为我在其他文件中有 url 的变量。我对此很陌生。这是我所拥有的并且仅使用一个端点就可以很好地工作:
数据.ts
const fetcher = (url: string) => fetch(url).then((response) => response.json())
const getData = (endpoint: string) => {
try {
const { data, error } = useSWR(`${ENDPOINTS_URL}${endpoint}`, fetcher)
return { data, error }
} catch (error) {
console.log('error:', error)
throw error
}
}
export const getData1 = () => getData(`endpoint1`)
export const getData2 = () => getData(`endpoint2`)
export const getData3 = () => getData(`endpoint3`)
Run Code Online (Sandbox Code Playgroud)
这就是我称呼它们的地方:
索引.tsx
const { data, error …Run Code Online (Sandbox Code Playgroud)