Reactjs 在未发送响应的情况下解析API可能会导致nextjs中的暂停请求错误

如果我在客户端记录数据，它会打印数据。但是如果我尝试渲染数据，它不会渲染

我在解析消息API时没有发送/API/getdata响应，这可能会导致请求暂停

原料药

客户端

import Head from "next/head";
import styles from "../styles/Home.module.css";
import Link from "next/link";
import { url } from "../config";

export const getServerSideProps = async () => {
  const res = await fetch(`${url}/api/getdata`);
  const data = await res.json();

  return {
    props: {
      data,
    },
  };
};

export default function Home({ data }) {
  console.log(data);
  return (
    <div className={styles.home}>
      <Link href="/create">
        <a className="btn">Create New Todo</a>
      </Link>

      {data.map((elem) => {
        <h1>{elem.title}</h1>;
      })}
    </div>
  );
}

从“下一个/Head”导入Head；
从“./styles/Home.module.css”导入样式；
从“下一个/链接”导入链接；
从“./config”导入{url}；
export const getServerSideProps=async（）=>{
const res=await fetch（`${url}/api/getdata`）；
const data=wait res.json（）；
返回{
道具：{
数据，
},
};
};
导出默认函数Home（{data}）{
控制台日志（数据）；
返回(
创建新的待办事项
{data.map（（elem）=>{
{elem.title}；
})}
);
}

import Head from "next/head";
import styles from "../styles/Home.module.css";
import Link from "next/link";
import { url } from "../config";

export const getServerSideProps = async () => {
  const res = await fetch(`${url}/api/getdata`);
  const data = await res.json();

  return {
    props: {
      data,
    },
  };
};

export default function Home({ data }) {
  console.log(data);
  return (
    <div className={styles.home}>
      <Link href="/create">
        <a className="btn">Create New Todo</a>
      </Link>

      {data.map((elem) => {
        <h1>{elem.title}</h1>;
      })}
    </div>
  );
}