Задать вопрос
moClay
@moClay
учусь всему

Как внутри функции с generic запустить цикл в цикле на react?

Я только учу typescript и поэтому прошу вас помочь разобраться в этом.

У меня есть компонент react
interface TableProps<T> {
    entities: Array<T> | null;
}


const Table = function <T>({
    entities,
}: TableProps<T>) {}


entities это массив из объектов и когда я пытаюсь
{entities?.map((entity, key) => {
{Object.entries(entity).map(([key, value], index) => {})
}


у меня ругается на entity "No overload matches this call"

Буду рад услышать советы и замечания!
  • Вопрос задан
  • 53 просмотра
Подписаться 1 Средний 2 комментария
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Мидл фронтенд-разработчик
    5 месяцев
    Далее
  • Яндекс Практикум
    React-разработчик
    3 месяца
    Далее
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
Пригласить эксперта
Ответы на вопрос 1
bingo347
@bingo347 Куратор тега TypeScript
Crazy on performance...
Нужно ограничить дженерик, иначе там может оказаться любой тип, а в Object.entries любой тип отдать нельзя.
interface TableProps<T extends Record<string, unknown>> {
    entities: T[] | null; // тут возможно еще стоит сделать это поле необязательным?
}

const Table = function <T extends Record<string, unknown>>({
    entities,
}: TableProps<T>) {
    // ...
    return (<>
        {entities?.map((entity, key) => {
            return Object.entries(entity).map(([key, value], index) => {
                // ...
            });
        })}
    </>);
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
ITK academy Нижний Новгород
от 80 000 до 120 000 ₽
ITK academy Воронеж
от 50 000 до 90 000 ₽