Ant Design -如何在过滤后获得表格行数？

import { Table } from 'antd';

const data = [
  { key: '1', name: 'John Doe', age: 28 },
  { key: '2', name: 'Jane Smith', age: 32 },
  { key: '3', name: 'Bob Johnson', age: 45 },
];

class MyTable extends React.Component {
  state = {
    selectedRowKeys: [],
  };

  onSelectChange = (selectedRowKeys) => {
    this.setState({ selectedRowKeys });
    // 获取过滤后的行数据
    const filteredData = data.filter(item => selectedRowKeys.includes(item.key));
    // 获取过滤后的表格行数
    const rowCount = filteredData.length;
    console.log('过滤后的表格行数：', rowCount);
  };

  render() {
    const { selectedRowKeys } = this.state;
    const rowSelection = {
      selectedRowKeys,
      onChange: this.onSelectChange,
    };

    const columns = [
      { title: 'Name', dataIndex: 'name' },
      { title: 'Age', dataIndex: 'age' },
    ];

    return (
      <Table
        rowSelection={rowSelection}
        columns={columns}
        dataSource={data}
      />
    );
  }
}

ReactDOM.render(<MyTable />, mountNode);