Добрый день Возникли вопросы при использовании react-table совместно с ts. Строка данных

Question

Добрый день Возникли вопросы при использовании react-table совместно с ts. Строка данных

определена так:
interface TableRow {
id : number,
fam : string,
im : string,
ot : string
}

Колонки описаны следующим образом:
const columns = useMemo(() => [
{
Header: '#',
accessor: 'id'
},
{
Header: 'Фамилия',
accessor: 'fam',
},
{
Header: 'Имя',
accessor: 'im',
},
{
Header: 'Отчество',
accessor: 'ot',
},

],[])
Затем создаю таблицу:
const table = useTable({data,columns})
Но получаю ошибку:
Type '{ Header: string; accessor: string; }[]' is not assignable to type 'Column<TableRow>[]'.
Type '{ Header: string; accessor: string; }' is not assignable to type 'Column<TableRow>'.
Type '{ Header: string; accessor: string; }' is not assignable to type 'ColumnInterface<TableRow> & { accessor: "ot"; } & ColumnInterfaceBasedOnValue<TableRow, string>'.
Type '{ Header: string; accessor: string; }' is not assignable to type '{ accessor: "ot"; }'.
Types of property 'accessor' are incompatible.
Type 'string' is not assignable to type '"ot"'. TS2322
Как правильно задать описание колонок?

#frontend #javascript #programming #react.js #russian

0

06.05.2021

2 ответов

24 просмотра

Евгений Скоробогатый · Answer 1

Евгений Скоробогатый Автор вопроса

Вопрос снят. Полазив по коду либы обнаружил что описания колонок нужно задавать как: { Header: 'Заголовок', id:'Колонка' }

0

06.05.2021

Евгений Скоробогатый · Answer 2

Евгений Скоробогатый Автор вопроса

Табличка создается, но пустая

0

06.05.2021

169 похожих чатов

Добрый день Возникли вопросы при использовании react-table совместно с ts. Строка данных

2 ответов

Похожие вопросы