Отказ от беззастенчивого (TypeError): не удается прочитать свойства неопределенных (чтение «карта») », когда рендеринг д ⇐ Javascript

[Anonymous]

Я создаю приложение React, в котором получаю список элементов из API и отображаю их в списке. Запрос API является асинхронным, вот код моего компонента:

Код: Выделить всё

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

function App() {
const [items, setItems] = useState();

useEffect(() => {
fetch("https://api.example.com/items")
.then((response) => response.json())
.then((data) => setItems(data))
.catch((error) => console.error("Error fetching data:", error));
}, []);

return (

Item List
[list]
{items.map((item) => (
[*]{item.name}
))}
[/list]

);
}

export default App;

Когда я загружаю страницу, в браузере появляется такая ошибка:
Unhandled Rejection (TypeError): Cannot read properties of undefined (reading 'map')

< /code>
Я ожидал, что элементы загрузится и будут отображаться в списке, но вместо этого приложение сбоя. Зарегистрировав штат элементов и заметил, что он начинается как неопределенное.
Я попытался установить начальное состояние на NULL, а не неопределенное, но произошла та же ошибка. li>
< /ol>

Подробнее здесь: https://stackoverflow.com/questions/793 ... -reading-m