从modal-React原生更新信息

import React, { useState } from 'react';

const Modal = () => {
  const [showModal, setShowModal] = useState(false);
  const [modalInfo, setModalInfo] = useState('');

  const updateModalInfo = (newInfo) => {
    setModalInfo(newInfo);
  };

  return (
    <div>
      <button onClick={() => setShowModal(true)}>打开Modal</button>
      {showModal && (
        <div className="modal">
          <div className="modal-content">
            <h2>Modal标题</h2>
            <p>{modalInfo}</p>
            <button onClick={() => setShowModal(false)}>关闭Modal</button>
          </div>
        </div>
      )}
    </div>
  );
};

export default Modal;