javascript - 执行函数后如何取消选择所有 Material UI 表行

Question

我想知道是否有一种方法可以在单击 Material UI 操作后取消选择所有行，该操作调用一个函数来执行此操作。我想知道是否有一种方法可以在单击 Material UI 操作后取消选择所有行，该操作调用一个函数来执行此操作。

这是我想要实现的基本示例，主要来自 Material-UI-Table 页面。

function ActionsOnSelectedRows() {

  const deselectAllRows () => {
    // Deselect all rows
  }
  
  return (
    <MaterialTable
      title="Actions On Selected Rows Preview"
      columns={[
        { title: 'Name', field: 'name' },
        { title: 'Surname', field: 'surname' }
      ]}
      data={[
        { name: 'Mehmet', surname: 'Baran' },
        { name: 'Zerya Betül', surname: 'Baran' }
      ]}        
      options={{
        selection: true
      }}
      actions={[
        {
          tooltip: 'Remove All Selected Users',
          icon: 'delete',
          onClick: () => deselectAllRows()
        }
      ]}
    />
  )
}

标签： javascriptreactjsmaterial-ui