如何管理不同组件中的 react-bootstrap 模态

Question

所以我有不同的模式用于在单个文件中创建作业更新课程名称更新作业等我希望将所有这些模式放在不同的组件中，例如创建作业有自己的组件，因为将它们放在一个文件中使其变得巨大而困难工作，但我不知道如何从其他组件管理 state。

  <Modal show={show}>
            <ModalHeader closeButton onClick={closeform}>Create Topic</ModalHeader>
            <CreateTopic courseid={courseid} />
        </Modal>