如何在MongoDB和react中从数组呈现对象

const express = require('express');
const mongoose = require('mongoose');

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

// 定义数据模型
const schema = new mongoose.Schema({
  name: String,
  objects: [{ name: String, age: Number }]
});
const Model = mongoose.model('Model', schema);

// 定义API接口
const app = express();
app.get('/api/objects', async (req, res) => {
  try {
    const data = await Model.find();
    res.json(data);
  } catch (error) {
    res.status(500).json({ error: 'Internal server error' });
  }
});

// 启动服务器
app.listen(3000, () => {
  console.log('Server is running on port 3000');
});

import React, { useEffect, useState } from 'react';
import axios from 'axios';

const App = () => {
  const [objects, setObjects] = useState([]);

  useEffect(() => {
    const fetchData = async () => {
      try {
        const response = await axios.get('/api/objects');
        setObjects(response.data);
      } catch (error) {
        console.error(error);
      }
    };

    fetchData();
  }, []);

  return (
    <div>
      <h1>Objects</h1>
      <ul>
        {objects.map((object) => (
          <li key={object._id}>
            <p>Name: {object.name}</p>
            <p>Age: {object.age}</p>
          </li>
        ))}
      </ul>
    </div>
  );
};

export default App;