Я работаю над реагирующим интерфейсом, который вызывает API и пытается взять возвращаемые JSON данные и поместить их в табличный формат с помощью response-table. Я был в тупике уже пару дней по этому поводу. Я использую только функции и хуки с React. Мой основной компонент:
const [tableJSON, setTableJSON] = useState('');
const [inquiryCount, setInquiryCount] = useState(1);
const [sortByColumn] = useState('INQ_RECEIVE_DATE');
const [sortByDirection] = useState('DESC');
const mid = memberId['usr-memberid'];
const getInquiryData = async () => {
try {
const resp = await INQUIRY_API.inquiryList({ "memberId": mid, inquiryCount, sortByColumn, sortByDirection }, token['usr-token']);
setTableJSON(resp);
//return (resp);
}
catch (error) {
console.log("Data load failed: " + error);
}
}
useEffect(() => {
getInquiryData();
}, [inquiryCount]);
...
...
...
...
<HomeTableRT tabledata={tableJSON} />
Мой компонент HomeTableRT выглядит так:
import React, { Fragment, useEffect, useMemo } from 'react'
import '../../css/table.css';
import { useTable, useSortBy } from 'react-table'
const columns = React.useMemo(() => [
{ Header: 'Submitted by', accessor: 'submittedBy' },
{ Header: 'Inquiry PDF', accessor: 'inquiryId_pdf', },
{ Header: 'Report Type', accessor: 'reportType', },],
[])
//const data = React.useMemo(() => JSON.stringify(props.tabledata), [props.tabledata])
const data = React.useMemo(() => props.tabledata, [props.tabledata])
const { getTableProps, getTableBodyProps, headerGroups, rows, prepareRow } = useTable({ columns, data }, useSortBy)
Последняя строка выдает ошибку TypeError: Cannot read property 'forEach' of undefined
Я прошел через проблемы в репозитории таблицы реакции, и кажется, что это было поднято как проблема в обновлении версии, но кажется, что go решена. Я искал повсюду другие подсказки, но я в тупике!
Я использую: react-table": "^7.2.0", "react-scripts": "^3.4.1",
Любая помощь будет принята с благодарностью!