React 按日期排序

使用React按日期排序是一种常见的需求，它可以帮助我们对数据进行有序展示，使用户更加方便地浏览和查找所需信息。本文将介绍如何使用React实现按日期排序，并提供一个简单的案例代码供参考。

javascript
import React, { useState } from 'react';
const App = () => {
  const [data, setData] = useState([
    { id: 1, date: '2022-04-01', content: '第一条数据' },
    { id: 2, date: '2022-03-15', content: '第二条数据' },
    { id: 3, date: '2022-05-10', content: '第三条数据' },
  ]);
  const sortByDate = () => {
    const sortedData = [...data].sort((a, b) => new Date(a.date) - new Date(b.date));
    setData(sortedData);
  };
  return (
    
      按日期排序
      
        {data.map(item => (
          
            {item.date} - {item.content}
          
        ))}
      
    
  );
};
export default App;