列的react表组件 onClick 事件

IT技术 javascript reactjs onclick
2021-05-06 10:33:03

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

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

2个回答

您可以像示例一样将 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} />

在撰写本文时,React-Table 6.8.0:

'getTrProps' 属性中的 'column' 值始终未定义。

您必须改用“getTdProps”属性。