如何在发送并更改应用程序在React中的状态时关闭模式窗体？

import React, { useState } from 'react';

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

  // 其他组件代码...

  return (
    <div>
      {/* 模态窗体 */}
      {showModal && (
        <div className="modal">
          {/* 模态窗体内容 */}
          <div className="modal-content">
            <h2>模态窗体标题</h2>
            <p>模态窗体内容</p>
            <button onClick={() => setShowModal(false)}>关闭</button>
          </div>
        </div>
      )}

      {/* 其他组件内容 */}
    </div>
  );
}

export default App;

<button onClick={() => setShowModal(true)}>打开模态窗体</button>

<button onClick={() => setShowModal(false)}>关闭</button>