无法将嵌套在“post”中的“comments”迭代并向下传递给组件

// 父组件
import React from 'react';
import Comment from './Comment';

class Post extends React.Component {
  render() {
    const post = {
      title: 'Post Title',
      content: 'Post Content',
      comments: [
        { id: 1, text: 'Comment 1' },
        { id: 2, text: 'Comment 2' },
        { id: 3, text: 'Comment 3' }
      ]
    };

    return (
      <div>
        <h1>{post.title}</h1>
        <p>{post.content}</p>
        {post.comments.map(comment => (
          <Comment key={comment.id} text={comment.text} />
        ))}
      </div>
    );
  }
}

export default Post;

// 子组件
import React from 'react';

class Comment extends React.Component {
  render() {
    return <div>{this.props.text}</div>;
  }
}

export default Comment;