如何从父组件打开模式，并使用关闭操作重置父组件，以便可以再次打开模式

import React, { useState } from 'react';

function ParentComponent() {
  const [modalOpen, setModalOpen] = useState(false);

  // 其他代码...

  return (
    <div>
      {/* 父组件的内容 */}
      <button onClick={() => setModalOpen(true)}>打开模态框</button>

      {modalOpen && (
        <ModalComponent onClose={() => setModalOpen(false)} />
      )}
    </div>
  );
}

import React from 'react';

function ModalComponent({ onClose }) {
  // 其他代码...

  return (
    <div className="modal">
      {/* 模态框的内容 */}
      <button onClick={onClose}>关闭模态框</button>
    </div>
  );
}