Как сбросить выбранные строки таблицы ant ant?

Question

• Я использую ant design table компонент и выбрал строки.
• Я хочу onClick сбросить выбранные строки.

• Я не могу узнать, где онсохраняет выбранные строки.

    const rowSelection = {
          onChange: (selectedRowKeys, rows) => {
            this.setState({
              selectedRowsArray: [...rows]
            });
          },
        };
  
    <Table rowSelection={rowSelection} columns={columns} dataSource={paymentsHistory} />
  

Есть идеи, как очистить выделенные rows?

Answer 1

rowSelection также принимает свойство selectedRowKeys, которое поможет вам контролировать выбранные строки в любой момент времени.

const { selectedRowsArray } = this.state;
const rowSelection = {
      selectedRowKeys: selectedRowsArray,
      onChange: (selectedRowKeys, rows) => {
        this.setState({
          selectedRowsArray: [...rows]
        });
      },
    };

<Table rowSelection={rowSelection} columns={columns} dataSource={paymentsHistory} />

Пример Codesandbox | и документы