React, закрытие модалки в дочернем компоненте
import React from 'react';
import "./Modal.css";
const Modal = ({active, setActive, children}) => {
return (
<div className={active ? 'modal-all active' : 'modal-all'} onClick={() => setActive(false)}>
<div className="modal-all__content" onClick={e => e.stopPropagation()}>
{children}
</div>
</div>
);
}
export default Modal;
В children, например, может быть передан копонент формы, со своими кнопками сохранить, отменить и любыми.
Как во внутренний компонент передать состояние setActive(false)?