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

Question

我最近开始使用 next.js，虽然我已经有一些 react 经验，但我有以下文件夹结构：

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

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

标签： reactjsnext.jsnext-router

Answer 1

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

我已经详细回答了相同的问题，您可以在以下链接中查看：

Next.js：减少数据获取并在页面之间共享数据