将props.children传递给有条件呈现的组件

function ConditionalComponent(props) {
  const condition = props.condition;

  return (
    <div>
      {condition ? props.children : null}
    </div>
  );
}

function App() {
  return (
    <div>
      <ConditionalComponent condition={true}>
        <h1>Hello, World!</h1>
      </ConditionalComponent>
      <ConditionalComponent condition={false}>
        <p>This will not be rendered.</p>
      </ConditionalComponent>
    </div>
  );
}