React Material-Table onSelectionChange 将数据传递给钩子状态

Posted 2023-02-22

【中文标题】React Material-Table onSelectionChange 将数据传递给钩子状态

【英文标题】：React Material-Table onSelectionChange pass data to hook state

【发布时间】：2021-02-05 05:46:18

【问题描述】：

我是新手，当我尝试传递数据表单 onSelectionChange 属性时，但当我尝试应用它时，表格的选择停止工作

const [selectedRows, setSelectedRows] = React.useState([]);
const handleSetSelectedRows = (e) => 
    setSelectedRows(e);
;
...
<MaterialTable
...
onSelectionChange=(e,a)=>
    handleSetSelectedRows(e);
 
/>

有什么问题？

【参考方案1】：

使用useRef 而不是useState，因为它会重新渲染表格

【讨论】：

您介意在答案中添加一些代码吗？例如，当使用useRef 时，如何将onSelectionChange 值推入其中？

const selectedRow = React.useRef([]); const handleClick = rows => selectedRow.current = rows; ; 。 . . 。 . . onSelectionChange=(e)=> handleClick(e); />