如何在反应表组件中添加ID?

时间:2019-05-08 20:26:58

标签: javascript reactjs 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中,但这没有发生

1 个答案:

答案 0 :(得分:0)

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

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

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

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