Reactjs 在单击react表上 Select 行

我正在努力寻找与react应用程序配合使用的最佳表格，目前，react-table提供了我所需的一切(分页、服务器端控制、筛选、排序、页脚行).

尽管如此，我似乎无法 Select 一行.没有examples个能显示这一点.

我try 过的一些事情包括在单击行时设置类名.但我似乎在e或t中找不到召唤元素.此外，我不喜欢这种方法，因为它不是react应用程序应该做的事情.

<ReactTable
            ...
            getTrProps={(state, rowInfo, column, instance) => {
                return {
                    onClick: (e, t) => {
                        t.srcElement.classList.add('active')
                    },
                    style: {
                    }
                }
            }}
        />

一些可能的解决方法是将复选框呈现为第一列，但这并不是最佳做法，因为它限制了单击区域以"激活"行.此外，视觉反馈的表现力也会降低.

我错过房间里的大象了吗？如果没有，你知道另一个支持我前面描述的东西的库吗？

非常感谢.

EDIT:

EDIT 2

Davorin Ruševljan在 comments 中提出了另一件事，但我无法让它起作用:

onRowClick(e, t, rowInfo) {
    this.setState((oldState) => {
        let data = oldState.data.slice();
        let copy = Object.assign({},  data[rowInfo.index]);

        copy.selected = true;
        copy.FirstName = "selected";
        data[rowInfo.index] = copy;

        return {
            data: data,
        }
    })
}

....

            getTrProps={(state, rowInfo, column) => {
                return {
                    onClick: (e, t) => { this.onRowClick(e, t, rowInfo) },
                    style: {
                        background: rowInfo && rowInfo.row.selected ? 'green' : 'red'
                    }
                }
            }}

这会将"FirstName"列设置为"selected"，但不会将类设置为"green"