如何在react钩子中单击时仅显示一个模式

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

<button onClick={() => setShowModal(true)}>显示模态框</button>

{showModal && (
  <div className="modal">
    {/* 模态框内容 */}
  </div>
)}

import React, { useState } from 'react';

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

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

  return (
    <div>
      <button onClick={handleClick}>显示模态框</button>

      {showModal && (
        <div className="modal">
          {/* 模态框内容 */}
        </div>
      )}
    </div>
  );
}

export default App;