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

Question

我正在服务器端渲染菜单，例如：

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

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

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

Answer 1

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