如何向具有同级事件的父组件添加子组件？

// 父组件
import React, { useState } from 'react';
import ChildComponent from './ChildComponent';

const ParentComponent = () => {
  const [showChild, setShowChild] = useState(false);

  const handleChildEvent = () => {
    // 处理子组件触发的事件
    // 更新父组件的状态
    setShowChild(true);
  };

  return (
    <div>
      <button onClick={handleChildEvent}>触发子组件事件</button>
      {showChild && <ChildComponent />}
    </div>
  );
};

export default ParentComponent;

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

const ChildComponent = () => {
  return <div>这是子组件</div>;
};

export default ChildComponent;