import React, {useMemo} from 'react'; import {useTable} from 'react-table'; import {COLUMNS} from './columns'; import MOCK_DATA from './MOCK_DATA.json'; const BasicTable = () => { const columns = React.useMemo(() => COLUMNS, []) const data = useMemo(() => MOCK_DATA,[]) const tableInstance = useTable({ columns, data, }) const { getTableProps, getTableBodyProps,headerGroups,rows,prepareRow, } = tableInstance return ( {headerGroups.map((headerGroup) => ( {headerGroup.headers.map((column) => ( ))} ))} {rows.map((row) => { prepareRow(row) return( {row.cells.map((cell) => { return })} ) })}
{column.render('Header')}
{cell.render('Cell')}
) }; export default BasicTable;