使用getServerSideProps或使用客户端请求从API或外部数据源获取数据。

示例：

使用getServerSideProps：

export async function getServerSideProps(context) { const res = await fetch('https://api.example.com/data'); const data = await res.json();

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

使用客户端请求：

import React, { useState, useEffect } from 'react';

function MyComponent() { const [data, setData] = useState(null);

useEffect(() => { async function fetchData() { const res = await fetch('https://api.example.com/data'); const newData = await res.json(); setData(newData); }

fetchData();

}, []);

if (!data) { return

return (

export default MyComponent;