【问题标题】:React Material-Table onSelectionChange pass data to hook stateReact Material-Table onSelectionChange 将数据传递给钩子状态
【发布时间】:2021-02-05 05:46:18
【问题描述】:

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

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

有什么问题?

【问题讨论】:

    标签: reactjs material-ui frontend material-table


    【解决方案1】:

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

    【讨论】:

    • 您介意在答案中添加一些代码吗?例如,当使用useRef 时,如何将onSelectionChange 值推入其中?
    • const selectedRow = React.useRef([]); const handleClick = rows =&gt; { selectedRow.current = rows; }; 。 . . 。 . . onSelectionChange={(e)=&gt;{ handleClick(e); }}/>
    猜你喜欢
    • 2019-03-08
    • 2020-05-05
    • 2019-01-20
    • 2022-01-18
    • 2021-05-30
    • 1970-01-01
    • 2020-04-20
    • 2019-05-07
    • 2021-07-28
    相关资源
    最近更新 更多