如何在带有node和reactjs的mongoose数组中添加注释？

const mongoose = require('mongoose');

const schema = new mongoose.Schema({
  // 其他字段...
  comments: {
    type: Schema.Types.Mixed,
    default: []
  }
});

const Model = mongoose.model('Model', schema);

import React, { useState } from 'react';
import Model from './Model'; // 假设你的Mongoose模型文件是Model.js

const MyComponent = () => {
  const [comments, setComments] = useState([]);

  const addComment = async (comment) => {
    try {
      const model = new Model();
      model.comments = [...comments, comment];
      await model.save();
      setComments(model.comments);
    } catch (error) {
      console.error(error);
    }
  };

  return (
    <div>
      {/* 渲染已有的注释 */}
      {comments.map((comment, index) => (
        <div key={index}>{comment}</div>
      ))}

      {/* 添加新的注释 */}
      <input type="text" onChange={(e) => addComment(e.target.value)} />
    </div>
  );
};

export default MyComponent;