如何在React中将不同的道具传递给父组件中的多个子组件？

class ParentComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      prop1: 'Value 1',
      prop2: 'Value 2',
      prop3: 'Value 3'
    };
  }

  render() {
    return (
      <div>
        <ChildComponent prop1={this.state.prop1} />
        <ChildComponent prop2={this.state.prop2} />
        <ChildComponent prop3={this.state.prop3} />
      </div>
    );
  }
}

class ChildComponent extends React.Component {
  render() {
    return (
      <div>
        <p>{this.props.prop1}</p>
        <p>{this.props.prop2}</p>
        <p>{this.props.prop3}</p>
      </div>
    );
  }
}