如何在reactjs中更新我的评论数组？

import React, { useState } from 'react';

const CommentComponent = ({ comments, updateComments }) => {
  const [newComment, setNewComment] = useState('');

  const handleFormSubmit = (e) => {
    e.preventDefault();
    if (newComment.trim() !== '') {
      const updatedComments = [...comments, newComment];
      updateComments(updatedComments);
      setNewComment('');
    }
  };

  return (
    <div>
      <h2>评论列表</h2>
      {comments.map((comment, index) => (
        <div key={index}>{comment}</div>
      ))}
      <form onSubmit={handleFormSubmit}>
        <input
          type="text"
          value={newComment}
          onChange={(e) => setNewComment(e.target.value)}
        />
        <button type="submit">添加评论</button>
      </form>
    </div>
  );
};

export default CommentComponent;