next-router相关内容

下一步JS-如何删除查询参数

如何在不刷新Next JS(Reaction)页面的情况下删除或更新查询参数? 用户在URL/about?login=success&something=yes 单击按钮并从URL中删除?login=success&something=yes,而不刷新页面。单击该按钮后的URL将为/about 如何实现? 如本thread中所述,我知道可以使用Router删除查询参数或查询字符串。 ..
发布时间:2022-02-23 11:28:56 其他开发

单击 Next.js 中的链接时如何在 URL 中强制使用默认语言环境

出于 SEO 的目的,我需要将英语设置为默认语言 ->mynextapp.com/当用户进入网站时,他/她可以选择ENGLISH或FRENCH,如果选择英文,则url将变为mynextapp.com/en,如果将选择法国人->mynextapp.com/fr 目前我正在使用 Next - i18n 中的内置选项: i18n: {语言环境:['en', 'fr'],defaultLocale ..
发布时间:2022-01-08 23:33:48 其他开发

Next.js - router.push 不滚动到顶部

我通过从 next/router 导入 useRouter 来使用来自 next 的路由器. 我正在尝试找到一个解决方案,当我更改 URL 的查询时,它不会滚动到页面顶部.有什么解决办法吗?我知道 Next 中的 Link 组件具有该选项,但我需要使用 Router 组件.我的下一个版本是 10.0.5. const router = useRouter();const changeCur ..
发布时间:2022-01-08 23:09:08 前端开发

在 shopify next js 应用程序中重新加载页面而不是路由

我遵循 Shopify 指南,直到第 4 步结束,开发 Next JS 应用程序,我设置了两个页面(嵌入式应用程序导航),Home 和 Page1.现在,当我点击打开两个页面时,应用程序正在重新加载而不是路由... 您可以在这里看到闪烁问题 - https://youtu.be/45RvYgxC7C0 对此的任何帮助将不胜感激. _app.js 从“react"导入反应;从“n ..

Next.js 添加 slug/params 来清理 URL

我在“页面"中有一个带有干净 URL 的结构像这样的文件夹... /pages/items/[pageNumber]/index.tsx 如果我使用 router.push 我会像这样使用它来访问该页面... router.replace("/items/[pageNumber]", "/items/1") 效果很好,但现在我想向该 URL 添加查询参数(用于过滤器),我该怎么做? ..
发布时间:2021-06-07 20:08:04 其他开发

如何在nextjs的this.props中获取历史和匹配?

我想在 this.props 中获取历史和匹配的值.我正在使用 next/router 导入 withRouter.我想使用 this.props.match.params 获取 url 中的值并使用 history.push 进行重定向.如何在 Next.js 中得到这个.现在我没有在 this.props 中获取历史和匹配. 解决方案 next/router 不像 react-dom- ..
发布时间:2021-06-07 20:06:59 其他开发

NEXT JS - 如何删除查询参数?

如何在 Next JS (React) 中不刷新页面的情况下删除或更新查询参数? 用户位于 URL /about?login=success&something=yes 单击按钮并从 URL 中删除 ?login=success&something=yes 而不刷新页面.点击按钮后的 URL 将是 /about 我怎样才能实现它? 正如在这个线程中提到的,我知道可以使用路由器删 ..
发布时间:2021-06-07 20:05:59 其他开发

从“下一个/路由器"导入路由器可以吗?

Next.js 文档提到了两种访问 router 对象的方法:useRouter 用于功能组件,withRouter 用于基于类的组件. 但是,它没有提到我遇到过几次的东西,即Router 对象访问如下,例如: 从'next/router'导入路由器Router.push("/") 这样使用Router是否正确?为什么 Next.js 文档没有提到它? 解决方案 我想不要直接从对 ..
发布时间:2021-06-07 20:02:24 其他开发