如何在Reactjs中过滤从一个日期到另一个日期的数组

state = {
  data: [
    { date: '2022-01-01', value: 10 },
    { date: '2022-01-02', value: 15 },
    { date: '2022-01-03', value: 20 },
    // ...
  ],
  filteredData: []
};

filterData = (startDate, endDate) => {
  const filteredData = this.state.data.filter(item => {
    const date = new Date(item.date);
    return date >= startDate && date <= endDate;
  });

  this.setState({ filteredData });
};

render() {
  return (
    <div>
      <DatePicker selected={this.state.startDate} onChange={date => this.setState({ startDate: date })} />
      <DatePicker selected={this.state.endDate} onChange={date => this.setState({ endDate: date })} />
      <button onClick={() => this.filterData(this.state.startDate, this.state.endDate)}>过滤</button>
    </div>
  );
}

render() {
  return (
    <div>
      {/* 渲染过滤后的数据 */}
      {this.state.filteredData.map(item => (
        <div key={item.date}>
          <span>{item.date}</span>
          <span>{item.value}</span>
        </div>
      ))}
    </div>
  );
}