在他们的npm 页面上,示例显示了<ReactTable>组件的用法:
import ReactTable from 'react-table'
...
render() {
return (
<ReactTable
data={data}
columns={columns}
/>
)
}
Run Code Online (Sandbox Code Playgroud)
但是,在他们的API 文档和示例中,他们都使用useTable.
import { useTable } from 'react-table';
function Table({ columns, data }) {
// Use the state and functions returned from useTable to build your UI
const {
getTableProps,
getTableBodyProps,
headerGroups,
rows,
prepareRow,
} = useTable({
columns,
data,
})
// Render the UI for your table
return (
<table {...getTableProps()}>
<thead>
{headerGroups.map(headerGroup …Run Code Online (Sandbox Code Playgroud)