问题标签 [next-router]

我想在 this.props 中获取历史值并匹配。我正在使用next/router导入withRouter. 我想使用 this.props.match.params 来获取 url 中的值并history.push重定向。如何在 Next.js 中得到这个。现在我没有在 this.props 中获得历史和匹配。

有没有办法在不使用 Next.js 重新加载页面的情况下执行 Router.push()？

我正在为基于 url 呈现不同组件的页面使用 [...all].js 主文件，但我希望能够在它们之间移动而不触发整个页面重新加载 - 这是一个多步骤表单.

换句话说，我希望能够通过将 URL 从“form/1”更新为“form/2”来在表单的步骤之间移动

我查看了文档，看看是否可以让 _app.js 读取 slug（没有提及它）。我需要将此 slug 添加到 HTTP 获取请求中以获取正确的数据，然后将结果返回给 _app.js，然后我可以在其中使用将道具传递给所有组件和页面。

示例：当我访问http://localhost:3000/some-business-name时，_app.js 可以抓取 slug (some-business-name)，进行请求，并将 props 传递给项目中的所有组件和页面.

但我真正努力做的是让 App 道具传递给 pages 文件夹中的所有其余页面。

在我的页面文件夹中，我有：

1. _app.js——（我需要将道具传递给所有页面）
2. [slug].js --（用于检测 slug 的根页面，现在我需要它只接收来自 _app.js 的道具）
3. success.js -- （需要从 _app.js 接收道具）
4. error.js -- (需要从 _app.js 接收 props)

我正在使用一个数据文件，它是一组业务数据对象，用于测试动态路由。

我查看了 NextJS 文档，但在理解如何做到这一点时遇到了问题。我仍然需要 slug 存在，我只需要帮助了解如何让 _app.js 完全接管动态路由。

我的 _app.js 代码是：

目前我的 [slug].js 是：

令人惊讶的是，我能够在 [slug].js 中的 LandingPage 组件上接收 App 道具，但在 success.js 和 error.js 页面中却没有。

非常感谢任何帮助！谢谢！

我遇到的问题是关于将参数从一页传递到另一页。
我有两个组成部分：注册和成功。
在我的注册组件中，如果用户成功注册，他将被重定向到成功组件。根据他是否未成年，将在成功组件上呈现附加信息。

我的注册组件中的相关部分：

Success 组件中的相关部分：

和

这确实有效，但将 Parameter 作为选项传递则无效。

我尝试了什么：

在注册组件中，我将push命令更改为：

但showParentalConsent在这种情况下， 的值将始终为undefined。我错过了什么？

哦，现在我没有使用 Redux，这会使这变得容易得多。

我正在尝试使用 Next.js 路由器来重定向未经授权的用户访问包装在AdminLayout组件内的某些页面，但是我收到了这个错误。

错误：未找到路由器实例。您应该只在应用程序的客户端内使用“next/router”。

有任何解决这个问题的方法吗？

我有一个使用 Next.js 和 MaterialUI 的应用程序。为了让 Link 组件与 MaterialUI 一起正常工作，我有一个特殊的Link组件，如下所示：

当我需要它时，这绝对可以正常工作。但是，当我开始将组件（使用此链接）添加到 Storybook 时，出现错误：

我添加到 Storybook 的组件中的链接使用示例：

当我尝试使用 console.log() 路由器时，我确实得到了 null，这很奇怪。我在这里做错了什么？

将我的 Next.js 应用程序更新到 9.4 版本后，我无法导航到我的路线。仅工作主页'/'（index.js）。之前一切都运作良好。现在，当我运行我的应用程序时，终端会显示此终端信息，并且当我想去例如'/about'我有错误 404 时。

首先，在开发时（纱线开发），没有路由问题。将应用程序部署（npm 构建、导出和部署）到 firebase 后，重新加载页面或尝试直接打开页面，导致响应 404 找不到页面，尽管它存在。假设打开主页，然后使用 next/link 或 next/router ( Router.push('/page1')) 访问其他页面，没有问题。例如;

那么，当用户尝试直接访问页面时，为什么 nextapp 没有正确响应或将 /page1 重定向到 /page1.html？

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

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

我在 next.js 和 next-router 工作

我有 2 个要传递的数据参数

一个是 entity_id，另一个是 url_key。

目前我可以通过一个 url_key：

URL 的出现就像我想要的一样

现在我还想发送 entity_id 以及上面的 url_key 但这不应该显示在 URl