javascript - 列的 react 表组件onClick事件

Question

我正在使用“ react 表”组件 https://react-table.js.org

我想为一列添加点击事件(稍后我将打开一个显示基于此事件的信息的模式)。

Answer 1

您像示例一样将 getTrProps 添加到 ReactTable:

const onRowClick = (state, rowInfo, column, instance) => {
    return {
        onClick: e => {
            console.log('A Td Element was clicked!')
            console.log('it produced this event:', e)
            console.log('It was in this column:', column)
            console.log('It was in this row:', rowInfo)
            console.log('It was in this table instance:', instance)
        }
    }
}


<ReactTable data={[]} columns={[]} getTrProps={onRowClick} />