Necesito cerrar la modal del componente padre desde el componente hijo, ambos son componentes funcionales. Cómo podría hacerlo?
Componente Padre
const ComponentePadre = () => {
const [show, setShow] = useState();
const openModal = () => {
setShow(true);
};
const closeModal = () => {
setShow(false);
};
return (
<>
<Modal show={show} onHide={closeModal}>
<Modal.Header closeButton></Modal.Header>
<Modal.Body>
<>
<ComponenteHijo />
</>
</Modal.Body>
</Modal>
</>
);
};
export default ComponentePadre;
Componente hijo
const ComponenteHijo = () => {
return (
<>
<div>
<button className="btn btn-danger">cerrar Modal En Componente Padre</button>
</div>
</>
) ;
};
export default ComponenteHijo;
Me ahorro las importaciones, aunque posiblemente deba importar alguna función al componente hijo, es posible?