如何使用setState更新嵌套对象数组中的点赞

constructor(props) {
  super(props);
  this.state = {
    comments: [
      { id: 1, text: "Comment 1", likes: 0 },
      { id: 2, text: "Comment 2", likes: 0 },
      { id: 3, text: "Comment 3", likes: 0 },
    ],
  };
}

handleLike = (commentId) => {
  this.setState((prevState) => {
    const updatedComments = prevState.comments.map((comment) => {
      if (comment.id === commentId) {
        return { ...comment, likes: comment.likes + 1 };
      }
      return comment;
    });
    return { comments: updatedComments };
  });
};

render() {
  return (
    <div>
      {this.state.comments.map((comment) => (
        <div key={comment.id}>
          <p>{comment.text}</p>
          <p>Likes: {comment.likes}</p>
          <button onClick={() => this.handleLike(comment.id)}>Like</button>
        </div>
      ))}
    </div>
  );
}