微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Next.js SPA:保留页眉/导航和页脚内容,next 路由器的动态内容问题

如何解决Next.js SPA:保留页眉/导航和页脚内容,next 路由器的动态内容问题

我想在我的页面中保留页眉/导航和页脚内容,但有一个通过导航更改的中央内容部分。

我想到的方法是:保留从应用程序的 index.js 呈现的“静态”内容并加载不断变化的内容 - 单独使用索引作为 SPA。

  • 这会导致一些问题。这与 nextjs 结构相反,因为它使用其路由和页面方案重新加载,我只想加载中心内容
  • 两个 SSR,这是一种 CSR 类型的需求。
  • 三,如果我可以使用页面执行此操作并保留数据,则意味着在每次导航更改时几乎可以为整个应用程序(在我的情况下)提供服务。这似乎是不必要且昂贵的。

另一种可能通过在布局组件中提供/渲染页眉和页脚来拆分此 SSR-CSR 的方法,然后编写一些 JS 代码或使用一些反应状态将中央组件与客户端上的导航道具交换。这是一个非常小的项目,所以 Redux(我很难实现它)已经过时了。

有人遇到过这个问题吗?如果是这样,我应该如何解决这个问题/你是如何解决这个问题的?看起来很简单,我想我对它的了解还不够。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。