卡在“无法读取未定义的属性映射”

Posted 2023-04-14

【中文标题】卡在“无法读取未定义的属性映射”

【英文标题】：stuck at 'cannot read property map of undefined'

【发布时间】：2021-08-31 07:24:10

【问题描述】：

从 'react' 导入 React, useEffect, useState

导出默认函数 Shop()

useEffect(() => 
    fetchItems();
, [])

const [items, setItems] = useState([])

const fetchItems = async () => 
    const data = await fetch(
        "https://jsonplaceholder.typicode.com/users"
    );
    const items = await data.json();
    console.log(items.items);
    setItems(items.items)
;
return (
    // <h1>hhh</h1>
    <div>
        items.map(item => (
                <h1 key=item.itemid>item.name</h1>
        ))
    </div>
);

制作项目时卡在这里

【参考方案1】：

const getData = async () => 
const data = await fetch(
        "https://jsonplaceholder.typicode.com/users"
    );
    const items = await data.json();
    console.log(items);


getData();

items已经是一个数组，你不能访问items.items。将items 传递给setItems 函数就足够了。