下一个js在链接导航后保留服务器端变量

Question

我有一个 NextJS 应用程序，需要满足一个非常具体的场景。应用程序的少数页面将在 React Native Web 视图中呈现，完成后我需要隐藏某些组件（页眉和页脚）。这些组件是服务器端渲染的简单组件，如下所示：

const Footer = () => {
  return <footer>
  <div>Lots of SEO content here, like contact, links, etc.</div>
  </footer>
}

我知道我可以通过检测 window.ReactNativeWebView 字段来隐藏这些组件，但这只是客户端。我在 React Native 应用程序中添加了一个标头，告诉服务器端它是一个 React Native 渲染，这成功地在初始加载中隐藏了页脚。

当我通过“下一个/链接”组件导航到网站的其他部分时，问题就出现了，它会导致页脚（以及页眉）显示半秒然后消失，从而产生闪烁。

有没有一种方法可以让我在使用“下一个/链接”导航后坚持服务器端隐藏组件的决定？

Answer 1

您可以使用服务器端 cookie 保留服务器端决策。