我注意到在NextJs中,每当我单击<Link>
转到另一个页面时,即使该“另一个”页面是同一页面,它也会调用getInitialProps
。
例如,在/profile
页上,有两个组成部分,一个是“用户信息”,另一个是“订单列表”。 “用户信息”和“订单列表”组件中使用的数据都是从getInitialProps
页的/profile
的API中提取的。
当我单击以转到/profile
页上的“订单列表”组件的下一页时,它将转到/profile/p/2
。数据已加载,并且一切正常,除了/profile/p/2
实际上重新加载了整个配置文件页面并重新获取了应保持相同(并且不需要重新获取)的“用户信息”数据只要页面是/profile
页面的一部分。
是否有一种方法可以从/profile/p/2
导航到/profile
,而无需重新加载整个页面,而是仅显示订单列表的组件?
答案 0 :(得分:0)
您可以像这样将浅层传递给Link
<Link href="...." as="...." shallow=true />