const [modalShow, setModalShow] = React.useState(false); return ( <> <Button variant="primary" onClick={() => setModalShow(true)}> Launch vertically centered modal <MyVerticallyCenteredModal show={modalShow} onHide={() => setModalShow(false)} /> </> )
Si entiendo correctamente, puede pasar un método al componente secundario con accesorios como este:
const TopComponent=()=>{ const [modalShow, setModalShow] = React.useState(false); const MethodA=()=>{ setModalShow(false) } return ( <div> <Button onClick={MethodA}/> <MyVerticallyCenteredModal onClick={MethodA} /> </div> ); }; const MyVerticallyCenteredModal = ({onClick}) => { return ( <div> <Button onClick={onClick}/> </div> ); };