当您从索引页面转到“关于”页面时,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