Reactjs -根据日期对产品数组进行排序

import React, { Component } from 'react';

class ProductList extends Component {
  constructor(props) {
    super(props);
    this.state = {
      products: [
        { name: 'Product 1', date: '2022-01-01' },
        { name: 'Product 2', date: '2022-02-01' },
        { name: 'Product 3', date: '2022-03-01' },
      ],
    };
  }

  compareByDate(a, b) {
    const dateA = new Date(a.date);
    const dateB = new Date(b.date);
    return dateA - dateB;
  }

  sortByDate() {
    const sortedProducts = this.state.products.sort(this.compareByDate);
    this.setState({ products: sortedProducts });
  }

  render() {
    return (
      <div>
        <button onClick={() => this.sortByDate()}>Sort by Date</button>
        <ul>
          {this.state.products.map((product, index) => (
            <li key={index}>{product.name}</li>
          ))}
        </ul>
      </div>
    );
  }
}

export default ProductList;