如何使用反应表选择而不带复选框？(按 ctrl 和移位选择)

Question

如何在react表中实现ctrl+click和Shift+click选择行并获取值

请帮助

代码：-

<table {...getTableProps()} className="table" >
<thead>
{headerGroups.map(headerGroup => (
<tr {...headerGroup.getHeaderGroupProps()} id="header-fixed">
{headerGroup.headers.map(column => (
<th {...column.getHeaderProps()}>{column.render('Header')}</th>
))}
</tr>
))}
</thead>
<tbody {...getTableBodyProps()}>
{rows.map((row, i) => {
prepareRow(row)
return (
<tr {...row.getRowProps({onClick:()=>{
console.log("ROW",row.id);
}})} className="border_bottom" tabIndex={i} onKeyDown={(e) => handleKeyDown(e, i)} onLoad={() => active(i)} ref={i === 0 ? myRef : null}>
{row.cells.map(cell => {
return <td {...cell.getCellProps()}>{cell.render('Cell')}</td>
})}
</tr>
)
})}
</tbody>
</table>

Answer 1

您需要有条件地向tr.添加一个类

为了使它成为有条件的，你需要有一个选定项目的记录。