反应：与另一个组件关闭模态

Question

我想关闭来自另一个组件的React中的模态。我从component event.js打开模态

//React imports
import React, { useEffect, useState } from "react";
import { useDispatch } from "react-redux";
import { useSelector } from "react-redux";


const Event = ({ event, setCurrentId }) => {

  const [open, setOpen] = React.useState(false);

  const handleOpen = () => {
    setOpen(true);
  };
  const handleClose = () => {
    setOpen(false);
   
};

  

  const EditEvent = () => {
   
      return <CardActions className={classes.cardActions}>
                 <Button variant="outline-primary" style={{ color: 'white' }} 
                  size="medium"onClick={handleOpen}><EditIcon fontSize="large" />
                </Button>

                <Modal
                  open={open}
                  
               >
                  <EditEventForm event={event} setUpdateEvent={setUpdateEvent} />
                </Modal>
              </CardActions>

    } return null
  }

export default Event;

，然后单击“关闭”按钮在eDiteventform.js中关闭模态，从event.js调用handleclose.js

const EditEventForm = () => {
    
    return (
        <Paper className={classes.paper} elevation={6}>
            <form
                autoComplete="off"
                noValidate
                className={`${classes.root}`}
                 >
                    
         <div>
                <div className={classes.header} >Event bearbeiten
             <IconButton className={classes.closebutton} onClick={} >
              <CloseIcon />
             </IconButton></div>
             </div>
                
            </form>
        </Paper>
    );
};

export default EditEventForm;

我不知道如何访问其他组件。我尝试了很多事情，但是问题总是是我没有得到其他组件的手术