javascript - HTML 源代码在 Next Js 中不可见

Question

我创建了 Next Js 项目。一切都很好，但我有一个问题。当我使用地图功能获取数据时，在 Next Js 中看不到 html 源代码

顺便说一句，我的用户数组不是空的。

这是我的代码

import useSwr from 'swr'
import Link from 'next/link'

const fetcher = (url) => fetch(url).then((res) => res.json())

export default function Index() {
  const { data, error } = useSwr('/api/users', fetcher)



  return (
    <ul>
      {data.map((user) => (
        <li key={user.id}>
          <Link href="/user/[id]" as={`/user/${user.id}`}>
            <a>{`User ${user.id}`}</a>
          </Link>
        </li>
      ))}
    </ul>
  )
}

所以我的问题是，当我从 REST API 获取数据并获取它时，我没有出现 HTML 源代码，我只出现在加载或任何.. 为什么？我该如何解决这个问题？谢谢你。

*已解决

这已在下一个文档中说明。应使用示例中的结构

https://nextjs.org/docs/basic-features/data-fetching

标签： javascriptreactjsnext.jsserver-side-rendering