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

Posted 2023-02-22

【中文标题】将数据从页面传递到另一个页面

【英文标题】：Pass data from page to another

【发布时间】：2020-11-20 14:30:37

【问题描述】：

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

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

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

【问题讨论】：

如果这是react-router 或类似的东西，我会说通过路由传递数据。 NextJS 不提供这种自动取款机，但有一些“hacky”方法可以做到这一点，例如 localStorage 等。

见redux

这能回答你的问题吗？ Next.js: Reduce data fetching and share data between pages

【参考方案1】：

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

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

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