Делаю страницу с отображением картинок, надо обернуть все в redux, но получаю ошибку, не могу понять в чем причина (это мой первый опыт в использовании redux), рендерится пустая страница. Буду благодарна за любую наводку.
import React, { useEffect } from "react";
import { useDispatch, useSelector } from "react-redux";
import { getCards } from "../cardsActions";
import PortfolioItem from "../Pages/PortfolioItem";
export default function Portfolio() {
const dispatch = useDispatch();
const cardsListData = useSelector((state) => state.cardsList);
const { loading, error, cards } = cardsListData;
useEffect(() => {
dispatch(getCards());
}, [dispatch]);
return (
<div className="container">
<div className="portfolio-wrapper">
{loading
? "Loading..."
: error
? error.message
: cards.map((card) => <PortfolioItem key={card.id} {...card} />)}
</div>
</div>
);
}
Вот полный код: https://codesandbox.io/s/frosty-hill-egw1p