如何将props一个react bootstrap按钮onClick函数传递给另一个组件

Question

const [modalShow, setModalShow] = React.useState(false);
return (
<> 
<Button variant="primary" onClick={() => setModalShow(true)}> Launch vertically centered modal
<MyVerticallyCenteredModal
show={modalShow}
onHide={() => setModalShow(false)}
/>
</>
)

Answer 1

如果我理解正确，你可以用这样的道具将方法传递给子组件：

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>
);
};