该示例在其npm page上显示了<ReactTable>
组件的用法:
import ReactTable from 'react-table'
...
render() {
return (
<ReactTable
data={data}
columns={columns}
/>
)
}
但是,他们在API Docs和examples上都使用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 => (
<tr {...headerGroup.getHeaderGroupProps()}>
{headerGroup.headers.map(column => (
<th {...column.getHeaderProps()}>{column.render('Header')}</th>
))}
</tr>
))}
</thead>
<tbody {...getTableBodyProps()}>
{rows.map(
(row,i) => {
prepareRow(row);
return (
<tr {...row.getRowProps()}>
{row.cells.map(cell => {
return <td {...cell.getcellProps()}>{cell.render('Cell')}</td>
})}
</tr>
)}
)}
</tbody>
</table>
)
}
...
render () {
return (
<Table columns={columns} data={data} />
)
}
所以,我的问题是:当某人仅使用已提供的a为什么要使用钩子(usetable,useFilters等)并制作Table组件。 我很确定他们不会忘记更新他们的npm页面的示例...还是他们?