如何在反應表組件中添加ID？

Question

我正在嘗試向我創建的一堆反應表添加唯一的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屬性來處理此問題，該屬性接受一個回調，該回調應返回您的自定義屬性。 在您的render()函數中嘗試以下代碼段。

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

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

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