如何使用条件制作react子组件

import React from 'react';

class ChildComponent extends React.Component {
  constructor(props) {
    super(props);
    // 初始化状态和属性（如果需要）
  }

  render() {
    // 返回子组件的JSX结构
    return (
      <div>
        {/* 子组件内容 */}
      </div>
    );
  }
}

class ChildComponent extends React.Component {
  // ...

  render() {
    const { condition } = this.props;

    return (
      <div>
        {condition && <p>条件为真时显示的内容</p>}
        {!condition && <p>条件为假时显示的内容</p>}
      </div>
    );
  }
}

class ParentComponent extends React.Component {
  render() {
    const isConditionTrue = true;

    return (
      <div>
        {/* 其他父组件内容 */}
        <ChildComponent condition={isConditionTrue} />
      </div>
    );
  }
}