有没有办法在服务器端渲染菜单并通过使用带有应用程序路由器的 nextjs 14 上客户端组件上的按钮来隐藏它?

问题描述 投票:0回答:1

我正在服务器端渲染菜单,例如:

    //this is on server
    import Link from 'next/link';
    function Page() {
     return(<nav>
      <Link href="/">Home</Link>
     </nav>
    }

在这种情况下,需要一个按钮来显示或隐藏内容,我知道我可以使用“使用客户端”,但我不想要这个,因为谷歌机器人需要抓取静态菜单。我看了很多解决方案,但没有一个对我有用。对于像 nextjs 14 这样的高级框架来说真是滑稽。

我尝试了很多解决方案,但我需要一些适合我在标题上指定的内容。

next.js button menu nextjs14
1个回答
0
投票

通过使用之后修复,我使用 document.getElementById 检索元素。 javascript 的经典方法。

© www.soinside.com 2019 - 2024. All rights reserved.