我正在服务器端渲染菜单,例如:
//this is on server
import Link from 'next/link';
function Page() {
return(<nav>
<Link href="/">Home</Link>
</nav>
}
在这种情况下,需要一个按钮来显示或隐藏内容,我知道我可以使用“使用客户端”,但我不想要这个,因为谷歌机器人需要抓取静态菜单。我看了很多解决方案,但没有一个对我有用。对于像 nextjs 14 这样的高级框架来说真是滑稽。
我尝试了很多解决方案,但我需要一些适合我在标题上指定的内容。
通过使用之后修复,我使用 document.getElementById 检索元素。 javascript 的经典方法。