如何在ReactJS中编写隐藏容器的点击事件？

import React, { useState } from 'react';

function MyComponent() {
  const [isHidden, setIsHidden] = useState(true);

  // ...
}

function MyComponent() {
  const [isHidden, setIsHidden] = useState(true);

  return (
    <div>
      <button onClick={() => setIsHidden(!isHidden)}>Toggle Container</button>
      {isHidden ? null : <div>Hidden Container</div>}
    </div>
  );
}

function MyComponent() {
  const [isHidden, setIsHidden] = useState(true);

  const handleContainerClick = () => {
    console.log('Hidden container clicked!');
  };

  return (
    <div>
      <button onClick={() => setIsHidden(!isHidden)}>Toggle Container</button>
      {isHidden ? null : <div onClick={handleContainerClick}>Hidden Container</div>}
    </div>
  );
}