我有一个被触发的模态,但不同组件之间有许多不同的按钮。例如,我已经能够通过在布局中传递变量来使其在页面上工作
const index = () => {
const [show, setShow] = useState(false)
const handleShow = () => { setShow(true) }
const handleClose = () => { setShow(false) }
<Layout pageTitle={pageTitle} metaUrl={metaUrl} show={show} onHide={handleHide}>
...
</Layout>
}
Run Code Online (Sandbox Code Playgroud)
并使用这些变量从布局传递到模态组件,从而触发模态。但它只适用于页面,因为我可以在布局中传递它们,但是我在导航栏和页脚中有按钮,这些按钮被导入到布局中而不是使用布局,所以我不确定如何实际将变量传递到模态那些。
任何帮助都会很棒!