如何给 react-table 组件添加 ID？

Question

我正在尝试向我创建的一堆 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 中，但那没有发生

Answer 1

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

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

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

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

如何给 react-table 组件添加 ID？

How to add an ID to react-table component?

javascript

reactjs

react-table