如何将组件传递给react js中的组件？

import ChildComponent from './ChildComponent';

class ParentComponent extends React.Component {
  render() {
    return (
      <div>
        <ChildComponent />
      </div>
    );
  }
}

class ChildComponent extends React.Component {
  render() {
    return (
      <div>
        {/* 在子组件中使用props接收父组件传递的数据 */}
        <h1>{this.props.title}</h1>
        {/* 在子组件中使用props接收父组件传递的组件 */}
        {this.props.component}
      </div>
    );
  }
}

import ChildComponent from './ChildComponent';

class ParentComponent extends React.Component {
  render() {
    const title = "Hello, World!";
    const component = <AnotherComponent />; // 另一个组件

    return (
      <div>
        {/* 将数据通过props传递给子组件 */}
        <ChildComponent title={title} />
        {/* 将组件通过props传递给子组件 */}
        <ChildComponent component={component} />
      </div>
    );
  }
}