🐞 报错根因定位

输入 —— 你粘贴的报错

TypeError: Cannot read properties of undefined (reading 'map')
    at ProductList (ProductList.jsx:14:30)
    at renderWithHooks (react-dom.development.js:16305:18)
    at mountIndeterminateComponent (react-dom.development.js:20074:13)

上下文:React 18,products 来自 useEffect 里的请求,首屏渲染时崩溃。

输出 —— 它是什么意思 & 怎么修

根本原因

首次渲染时 products 还是 undefined——useEffect 里的请求尚未返回——所以 ProductList.jsx:14 的 products.map(...) 在 undefined 上执行。这是渲染时序问题,不是接口数据有问题。

修复方案(最可能在前)

1. 状态初始值设为数组:useState([]),让 .map 永远安全。
2. 渲染时加保护:{(products ?? []).map(...)},或在数据返回前先渲染 loading。
3. 若本应有数据却仍为 undefined,打印请求结果——非 200 或返回结构不对会导致状态没被赋值。