在表中显示最新日期位于ReactJS列表顶部的mongoDB数据

import React, { Component } from 'react';
import mongoose from 'mongoose';

class DataList extends Component {
  constructor(props) {
    super(props);
    this.state = {
      data: [],
    };
  }

  componentDidMount() {
    // 连接到MongoDB数据库
    mongoose.connect('mongodb://localhost:27017/mydatabase', { useNewUrlParser: true });

    // 获取数据并按日期排序
    mongoose.connection.once('open', () => {
      const DataModel = mongoose.model('Data', { date: Date, content: String });

      DataModel.find().sort({ date: -1 }).exec((err, data) => {
        if (err) {
          console.error(err);
        } else {
          this.setState({ data });
        }
      });
    });
  }

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

    return (
      <table>
        <thead>
          <tr>
            <th>Date</th>
            <th>Content</th>
          </tr>
        </thead>
        <tbody>
          {data.map((item) => (
            <tr key={item._id}>
              <td>{item.date}</td>
              <td>{item.content}</td>
            </tr>
          ))}
        </tbody>
      </table>
    );
  }
}

export default DataList;