如何在React中更新我帖子的评论

import React, { useState } from 'react';

const PostComments = () => {
  const [comments, setComments] = useState([
    { id: 1, content: '这是第一条评论' },
    { id: 2, content: '这是第二条评论' },
    { id: 3, content: '这是第三条评论' }
  ]);

  const updateComment = (index, newContent) => {
    const updatedComments = [...comments];
    updatedComments[index].content = newContent;
    setComments(updatedComments);
  };

  return (
    <div>
      <h2>帖子评论</h2>
      {comments.map((comment, index) => (
        <div key={comment.id}>
          <p>{comment.content}</p>
          <input
            type="text"
            value={comment.content}
            onChange={(e) => updateComment(index, e.target.value)}
          />
        </div>
      ))}
    </div>
  );
};

export default PostComments;