时间戳

首页 > 解决方案 > 如何将 ID 添加到 react-table 组件？

javascript - 如何将 ID 添加到 react-table 组件？

问题描述

我正在尝试为我创建的一堆反应表添加一个唯一的 ID。我创建了一个使用 react-table 的自定义组件。

我尝试将 id 道具添加到标签中，但这不起作用，我猜这是因为库上没有定义 id 道具？

return <ReactTable data={props.data} columns={columns} showPagination={false} minRows={5} style={{height :"400px"}} id='someId'/>;

我期待这会将 id 属性添加到由 react-table 库创建的 div 中，但这并没有发生

标签： javascriptreactjsreact-table

解决方案

看起来 React Table 是通过getPropsReactTable 元素上的属性来处理这个问题的，它接受一个应该返回您的自定义属性的回调。render()在您的函数中尝试以下代码段。

const customProps = { id: 'my-table-id' };

return (
  <ReactTable
    data={props.data}
    columns={columns}
    showPagination={false}
    minRows={5}
    style={{height :"400px"}}

    getProps={() => customProps}
  />
);

推荐阅读