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

Question

从 '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>
);

}

制作项目时卡在这里

Answer 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 函数就足够了。