在react中使用datePicker过滤antd表

import { DatePicker, Table } from 'antd';
import 'antd/dist/antd.css';

state = {
  filterDate: null,
};

render() {
  const { filterDate } = this.state;

  const columns = [
    // 表格列的定义
    // ...
  ];

  const dataSource = [
    // 表格数据源的定义
    // ...
  ];

  return (
    <div>
      <DatePicker onChange={this.handleDateChange} />
      <Table columns={columns} dataSource={dataSource} />
    </div>
  );
}

handleDateChange = (date, dateString) => {
  this.setState({ filterDate: dateString });
}

const columns = [
  // 表格列的定义
  // ...
  {
    title: '日期',
    dataIndex: 'date',
    key: 'date',
    filters: [
      // 过滤器选项的定义
      // ...
    ],
    onFilter: (value, record) => record.date === value,
    filteredValue: [filterDate],
  },
];

const filteredDataSource = dataSource.filter(item => item.date === filterDate);