Как правильно прописать свойство reduce?

Question

[denis-heise]

Доброго времени суток.
Только начал изучать React и TS.
Создал компонент для отрисовки карточек и через пропс передаю данные (массив с объектами). Когда пытаюсь применить к данным из пропса reduce выдаёт ошибку "Свойство "reduce" не существует в типе "CardsProps ".ts(2339)".
Как мне правильно прописать тип в данном случае, подскажите пожалуйста?

type Offer = {
  id: number;
  price: number;
  city: {
    name: string
  };
  rating: number;
};
type CardsProps = {
  cardsFavorites: Offer[];
};

function Favorites(cardsFavorites: CardsProps ): JSX.Element{
  const groupedCards = cardsFavorites.reduce<{ [key: string ]: Offer[] }>((acc, curr) => {
      const city = curr.city.name;
      if (!(city in acc)) {
        acc[city] = [];
      }
      acc[city].push(curr);
      return acc;
  }, {});

  return(
   <main>
     <div>other code</div>
   </main>
  );
}

Comments

[Александр]

Чтобы использовать метод reduce у массива, тип массива должен быть Array, что в твоем случае указан в поле cardsFavorites.
И следует указать тип для acc, который также у тебя является объектом с ключом типа string и значением типа Offer[]

function Favorites({ cardsFavorites }: CardsProps ): JSX.Element{
  const groupedCards = cardsFavorites.reduce<{ [key: string ]: Offer[] }>((acc, curr) => {
      const city = curr.city.name;
      if (!(city in acc)) {
        acc[city] = [];
      }
      acc[city].push(curr);
      return acc;
  }, {});

  return(
   <main>
     <div>other code</div>
   </main>
  );
}

Answer 1

[Александр]

- function Favorites(cardsFavorites: CardsProps): JSX.Element {
+ function Favorites({ cardsFavorites }: CardsProps): JSX.Element {

Comments

[denis-heise]

Спасибо большое, невнимательность иногда сильно тормозит