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)?


Ответы (0 шт):