React 16隐藏按钮Modal不会在单击时打开

import React, { useState } from 'react';

function App() {
  const [showModal, setShowModal] = useState(false);

  const handleClick = () => {
    setShowModal(true);
  };

  return (
    <div>
      <button onClick={handleClick}>显示Modal</button>
      {showModal && <Modal />}
    </div>
  );
}

function Modal() {
  const handleClose = () => {
    setShowModal(false);
  };

  return (
    <div className="modal">
      <h1>Modal内容</h1>
      <button onClick={handleClose}>关闭Modal</button>
    </div>
  );
}

export default App;