如何将属性从React中的组件数组传递到组件

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

class ParentComponent extends React.Component {
  render() {
    const componentArray = [
      { name: 'Component 1', value: 'Value 1' },
      { name: 'Component 2', value: 'Value 2' },
      { name: 'Component 3', value: 'Value 3' }
    ];

    return (
      <div>
        {componentArray.map((component, index) => (
          <ChildComponent
            key={index}
            name={component.name}
            value={component.value}
          />
        ))}
      </div>
    );
  }
}

export default ParentComponent;

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

class ChildComponent extends React.Component {
  render() {
    return (
      <div>
        <h2>{this.props.name}</h2>
        <p>{this.props.value}</p>
      </div>
    );
  }
}

export default ChildComponent;