如何在不重新加载NextJs整个页面的情况下导航到另一个页面?

时间:2019-04-22 14:29:18

标签: javascript reactjs next.js

我注意到在NextJs中,每当我单击<Link>转到另一个页面时,即使该“另一个”页面是同一页面,它也会调用getInitialProps

例如,在/profile页上,有两个组成部分,一个是“用户信息”,另一个是“订单列表”。 “用户信息”和“订单列表”组件中使用的数据都是从getInitialProps页的/profile的API中提取的。

当我单击以转到/profile页上的“订单列表”组件的下一页时,它将转到/profile/p/2。数据已加载,并且一切正常,除了/profile/p/2实际上重新加载了整个配置文件页面并重新获取了应保持相同(并且不需要重新获取)的“用户信息”数据只要页面是/profile页面的一部分。

是否有一种方法可以从/profile/p/2导航到/profile,而无需重新加载整个页面,而是仅显示订单列表的组件?

1 个答案:

答案 0 :(得分:0)

您可以像这样将浅层传递给Link

<Link href="...." as="...." shallow=true />