如何导航到另一个页面而无需在 NextJs 中重新加载整个页面?

IT技术 javascript reactjs next.js
2021-05-03 05:53:59

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

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

当我单击转到页面上“订单列表”组件的/profile下一页时,它转到/profile/p/2. 数据加载并且一切正常,除了/profile/p/2实际上重新加载整个个人资料页面并重新获取“用户信息”数据,这些数据应该保持不变(并且不需要重新获取)只要页面是/profile页面的一部分

有没有办法导航到/profile/p/2from/profile而不重新加载整个页面,而只显示订单列表的组件?

1个回答

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

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