小编And*_*ndy的帖子

为什么在使用 react-table 时使用 `useTable` 而不是 `ReactTable`

在他们的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)

javascript datagrid reactjs react-table react-hooks

12
推荐指数
1
解决办法
1万
查看次数

标签 统计

datagrid ×1

javascript ×1

react-hooks ×1

react-table ×1

reactjs ×1