SWR 不返回任何数据

Question

我正在尝试让 SWR 工作。当我将它应用到我的代码时，我发现的每个示例似乎都不起作用。我不确定我做错了什么代码看起来是一样的，我确定我看不到的超级简单的东西。

我有一个样板 next.js 应用程序。

我的 index.js 有；

import useSWR from 'swr'

export default function Home({ isConnected }) {
  const { data, error } = useSWR('/api/')
  return() //jsx here
}

当我启动开发服务器时，它告诉我 http://localhost:3000 是可以查看开发服务器的地方。当我在 return 行调试和暂停时，它告诉我 data 和 error 未定义。当我去 http://localhost:3000/api/ 时，我得到很好的 json 返回（firefox 将其呈现为 json）。

Answer 1

您需要一种方法来发出请求，对于您的情况，它可能是这样的：

import useSWR from 'swr'
import axios from 'axios';

export default function Home({ isConnected }) {
  const fetcher = async () => {
     return await axios.get('http://mipage/some/');
  };
  const { data, error } = useSWR('/api/', fetcher)
  return() //jsx here
}

SWR 不返回任何数据

SWR not returning any data

javascript

next.js

swr