小编Ali*_*kar的帖子

如何让组件在页面之间保持一致?

当您从索引页面转到“关于”页面时,RestOfTheApp 会重新呈现。也许SSR应该是这样的,但是nextjs像gatsby一样添加了静态渲染。有没有办法防止组件重新渲染?例如:页面之间的标题不应更改。

about.js

function index() {
  return (
    <>
        <RestOfTheApp> 
          about
        </RestOfTheApp>
    </>
  )
}
Run Code Online (Sandbox Code Playgroud)

索引.js

 function index() {
      return (
        <>
        <RestOfTheApp> 
          index
        </RestOfTheApp>
        </>
      )
    }
Run Code Online (Sandbox Code Playgroud)

我认为您可以使用 redux 来保持组件状态,但是当您只需要获取一些博客内容时整个页面重新渲染似乎很臃肿。我已经测试了一些基本布局,它看起来仍然快如闪电,但不重新渲染整个页面是 SPA 的主要概念,我有点心碎

next.js

1
推荐指数
1
解决办法
4339
查看次数

标签 统计

next.js ×1