如何重置蚂蚁设计表选定的行？

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} />

代码沙盒示例| 蚂蚁金服