如何从父组件打开或关闭reactstrap模式

import React, { useState } from 'react';

function ParentComponent() {
  const [isOpen, setIsOpen] = useState(false);

  const openModal = () => {
    setIsOpen(true);
  };

  const closeModal = () => {
    setIsOpen(false);
  };

  return (
    <div>
      <button onClick={openModal}>打开模态框</button>
      <button onClick={closeModal}>关闭模态框</button>
      {isOpen && <ModalComponent onClose={closeModal} />}
    </div>
  );
}

import React from 'react';
import { Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';

function ModalComponent({ onClose }) {
  return (
    <Modal isOpen={true} toggle={onClose}>
      <ModalHeader>模态框标题</ModalHeader>
      <ModalBody>模态框内容</ModalBody>
      <ModalFooter>
        <button onClick={onClose}>关闭</button>
      </ModalFooter>
    </Modal>
  );
}