传递一个带有要由其他组件呈现的道具的组件

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

class ParentComponent extends React.Component {
  render() {
    const data = '这是要传递给子组件的数据';
    
    return (
      <div>
        <ChildComponent propData={data} />
      </div>
    );
  }
}

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

class ChildComponent extends React.Component {
  render() {
    const { propData } = this.props;
    
    return (
      <div>
        <p>接收到的数据：{propData}</p>
      </div>
    );
  }
}