如何在React中遍历组件内部的组件

import React from 'react';

class ParentComponent extends React.Component {
  render() {
    return (
      <div>
        {React.Children.map(this.props.children, (child) => {
          // 对每个子组件进行操作
          return (
            <div>
              {/* 在这里可以访问子组件的props、state等属性 */}
              {child.props.name}
            </div>
          );
        })}
      </div>
    );
  }
}

class ChildComponent extends React.Component {
  render() {
    return (
      <div>
        {/* 子组件的内容 */}
        {this.props.name}
      </div>
    );
  }
}

// 在父组件中使用子组件
class App extends React.Component {
  render() {
    return (
      <ParentComponent>
        <ChildComponent name="Child 1" />
        <ChildComponent name="Child 2" />
        <ChildComponent name="Child 3" />
      </ParentComponent>
    );
  }
}