将数据从页面传递到另一个

Question

我最近开始使用next.js，尽管我已经对React有一定的经验，但我具有以下文件夹结构：

/segments 
  -index.js
  -[slug].js

场景：在第 [url] / segments页上，通过调用我的api获得分段列表，该api返回一个包含每个分段所有信息的数组->我为用户显示分段列表->用户选择细分，然后导航到 [url] / segments / slug。此时，我希望在此页面[slug] .js上接收用户选择的段（因为我需要的所有内容已经在对象中），而无需再次调用api。 我知道我可以为此使用上下文，但是我想知道next.js是否可以在不必使用全局范围的情况下解决此问题。只是将获取的数据从一页传递到另一页。 谢谢

Answer 1

您必须利用自定义_app.js在应用程序之间共享数据。

我已经回答了相同的问题，您可以在以下链接中找到答案：

Next.js: Reduce data fetching and share data between pages