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 是可以查看开发服务器的地方。当我在返回行上调试和暂停时，它告诉我 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 不返回任何数据

1 个答案: