如何在React中递归呈现帖子

import React from 'react';

const Post = ({ post }) => {
  return (
    <div>
      <h2>{post.title}</h2>
      <p>{post.content}</p>
      
      {post.children && post.children.map((childPost) => (
        <Post key={childPost.id} post={childPost} />
      ))}
    </div>
  );
};

export default Post;

import React from 'react';
import Post from './Post';

const App = () => {
  const posts = [
    {
      id: 1,
      title: 'Post 1',
      content: 'Content of Post 1',
      children: [
        {
          id: 2,
          title: 'Post 2',
          content: 'Content of Post 2',
          children: []
        },
        {
          id: 3,
          title: 'Post 3',
          content: 'Content of Post 3',
          children: [
            {
              id: 4,
              title: 'Post 4',
              content: 'Content of Post 4',
              children: []
            }
          ]
        }
      ]
    }
  ];

  return (
    <div>
      {posts.map((post) => (
        <Post key={post.id} post={post} />
      ))}
    </div>
  );
};

export default App;