JSX根据props中包含的元素控制标题的可见性

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

function ParentComponent() {
  const showTitle = true; // 控制标题的可见性

  return (
    <div>
      <ChildComponent showTitle={showTitle} />
    </div>
  );
}

export default ParentComponent;

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

function ChildComponent(props) {
  const { showTitle } = props;

  return (
    <div>
      {showTitle && <h1>这是标题</h1>}
      <p>其他内容...</p>
    </div>
  );
}

export default ChildComponent;