有没有人可以帮我用ReactJS中的模态替换此段

npm install react react-dom

import React from 'react';

const Modal = () => {
  // 模态的内容和逻辑
  return (
    <div className="modal">
      <h2>这是一个模态</h2>
      <p>模态的内容...</p>
    </div>
  );
};

export default Modal;

import React, { useState } from 'react';
import Modal from './Modal';

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

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

  const handleCloseModal = () => {
    setShowModal(false);
  };

  return (
    <div>
      <button onClick={handleOpenModal}>打开模态</button>
      {showModal && <Modal />}
    </div>
  );
};

export default App;