Как подгрузить данные из redux?

Есть такой массив в reducer

const initialState = {
  0: [
    {
      comment: '1 сезон',
      folder: [
        {
          comment: '1 серия'
        },
        {
          comment: '2 серия'
        }
      ]
    },
    {
      comment: '2 сезон',
      folder: [
        {
          comment: '1 серия'
        },
        {
          comment: '2 серия'
        },
        {
          comment: '3 серия'
        }
      ]
    }
  ]
}

Хочу использовать так:

const View = () => {
  return (
    <div className="content">
      <ItemList items={obj[0]} /> // Тут я хочу выгрузить все comment
      <div className="video"></div>
      <ItemList items={obj[0][1]['folder']} /> // тут я хочу выгрузить все folder по тому, какой у меня стоит comment
    </div>
  );
};

См ItemList:

const ItemList = ({ items }) => {
  const [active, setActive] = React.useState(0);

  return (
    <ul className="items">
      {items.map(({ comment }, index) => (
        <li
          key={index}
          className={active === index ? 'item active' : 'item'}
          onClick={() => setActive(index !== active ? index : -1)}
        >
          {comment}
        </li>
      ))}
    </ul>
  );
};

Обьект меня не нужно, он должен быть таким.

Для тех кто не понял: есть сериал и мы можем выбрать сезон и появяться у нас все серии к этому сезону


Ответы (0 шт):