PrimeReact DataTable:如何(直观地)取消选择行

npm install primereact --save
npm install primeicons --save

import { DataTable } from 'primereact/datatable';
import { Column } from 'primereact/column';

const data = [
  { id: 1, name: 'John', age: 25 },
  { id: 2, name: 'Jane', age: 30 },
  { id: 3, name: 'Mike', age: 35 }
];

const [selectedRows, setSelectedRows] = useState([]);

<DataTable
  value={data}
  selection={selectedRows}
  onSelectionChange={(e) => setSelectedRows(e.value)}
>
  <Column field="id" header="ID"></Column>
  <Column field="name" header="Name"></Column>
  <Column field="age" header="Age"></Column>
</DataTable>

<button onClick={() => setSelectedRows([])}>取消选择行</button>