小编Dyl*_*ton的帖子

使用react Modal可以从多个页面触发react/next.js

我有一个被触发的模态,但不同组件之间有许多不同的按钮。例如,我已经能够通过在布局中传递变量来使其在页面上工作

    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)

并使用这些变量从布局传递到模态组件,从而触发模态。但它只适用于页面,因为我可以在布局中传递它们,但是我在导航栏和页脚中有按钮,这些按钮被导入到布局中而不是使用布局,所以我不确定如何实际将变量传递到模态那些。

任何帮助都会很棒!

reactjs next.js react-hooks

2
推荐指数
1
解决办法
1942
查看次数

标签 统计

next.js ×1

react-hooks ×1

reactjs ×1