useEffect(() => {↵// useEffect 在组件渲染后执行副作用
const fetchData = async () => {↵// 定义异步数据获取函数
const res = await fetch('/api/data');↵// 发起 HTTP 请求到 /api/data
const json = await res.json();↵// 将响应解析为 JSON
setData(json);↵// 用 setData 更新组件状态
};↵// 异步函数定义结束
fetchData();↵// 调用异步函数获取数据
}, []);// [] 空依赖数组 = 只在组件挂载时执行一次