javascript - 我可以取消选中 Datagrid Material-ui 中单击按钮上的选中复选框吗

Question

我在使用复选框的 Datagrid Material-UI 中创建了一个网格。单击复选框后，我想通过单击重置按钮取消选中。

例子：

我正在使用的 DataGrid 代码：

 <DataGrid
                        rows={props.rows}
                        columns={props.columns}
                        onSelectionChange={(newSelection) => {
                            handleSelected(newSelection);
                        }}
                        disableSelectionOnClick
                        checkboxSelection
                        disableColumnMenu
                        pageSize={10}
                    />

注意：道具包含数据有行和列。我不想重新加载页面，因为该页面还有其他不应重置的数据

标签： javascriptreactjsmaterial-ui

Answer 1

您可以在重置按钮的 onClick 属性上将 handleSelected 设置为 []，如下所示：

<Button onClick={() => handleSelected([])} >Reset</Button>