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 (
{column.render('Header')} | ))}
---|
{cell.render('Cell')} | })}