小编Dau*_*ing的帖子

单击链接后如何关闭模式窗口

我的网站使用全屏弹出窗口进行导航。(目前我正在使用 ReactModal,但我之前使用的自制模态组件也遇到了同样的问题)。当用户使用 NextJS Link 组件单击导航中的链接时,弹出窗口不会自动关闭\xe2\x80\x94,他们必须手动关闭它才能显示新页面。我创建了一个 onClick 事件来关闭导航弹出窗口,但在导航关闭后和加载下一页之前通常会有一个短暂的时刻,这会让用户感到困惑。

\n

我认为问题在于,当应用程序更新到新页面时,它不会重新安装导航组件,因此导航组件保持“打开”状态。

\n

有没有办法让它在下一页加载时关闭弹出窗口?或者也许有一个我没有想到的更优雅的解决方案。

\n

next.js

4
推荐指数
1
解决办法
6826
查看次数

标签 统计

next.js ×1