在父组件上测试单击事件以显示子组件

import React, { useState } from 'react';

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

  const handleClick = () => {
    setShowChild(!showChild);
  };

  return (
    <div>
      <button onClick={handleClick}>点击显示/隐藏子组件</button>
      {showChild && <ChildComponent />}
    </div>
  );
}

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