JavaScript/React - TypeError: невозможно прочитать свойства неопределенного (чтение «карта») [закрыто] ⇐ Javascript

[Anonymous]

app.js с инициализацией и вызовом в компонент:

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

function App() {
const [movies, setMovies] = useState([]);
const [watchlist, setWatchlist] = useState([]);

useEffect(() => {
fetch("movies.json")
.then((response) => response.json())
.then((data) => setMovies(data));
}, []);

const toggleWatchlist = (movieId) => {
setWatchlist((prev) =>
prev.includes(movieId)
? prev.filter((id) => id !== movieId)
: [...prev, movieId]
);
};

return (






[list]
[*]
Home

[*]
Watchlist

[/list]









);
}

export default App;

< /code>
Компонент: < /p>
export default function WatchList(movies, watchlist, toggleWatchlist) {
return (

Your Watchlist

{watchlist.map((id) => {
const movie = movies.find((movie) => movie.id === id);
return (

);
})}


);
}

с watchlist.map i get:

с WatchList? .map Это вывод Devtools:

'watchlist' выглядит для меня с 2 элементами, но нет Отображаются карты фильмов. к пустому массиву. < /li>
< /ul>
Что я попробовал: < /p>

Изменил параметр списка Watch Имя. /п>

Подробнее здесь: https://stackoverflow.com/questions/794 ... eading-map