在下一个 js 中显示 url 中的道具值
show props value in url in next js
我有这个场景
当网页加载时，我正在获取用户位置。并根据该位置显示一些服务，如 A、B、c 等。
当用户点击服务时，URL 应该转到 localhost/3000/Service-name
有帮助吗 link ?
import Router from "next/router";
....
在 onClick 中
router.push(pathname :'/service' query:{service-id:service-name},`/service-${service-name})
路径名是文件名，查询获取服务名称，路由器的第三个参数将显示您希望用户如何查看 URL。
在您的情况下，如果用户选择欧洲选项，则 URL 将显示为 /service-Europe。当您使用一个组件来显示您的所有路线时，这项工作。
如果您想创建一个独特的页面，那么您可以为每个服务明确指定路径名 link。
我有这个场景 当网页加载时，我正在获取用户位置。并根据该位置显示一些服务，如 A、B、c 等。 当用户点击服务时，URL 应该转到 localhost/3000/Service-name 有帮助吗 link ?
import Router from "next/router";
....
在 onClick 中
router.push(pathname :'/service' query:{service-id:service-name},`/service-${service-name})
路径名是文件名，查询获取服务名称，路由器的第三个参数将显示您希望用户如何查看 URL。
在您的情况下，如果用户选择欧洲选项，则 URL 将显示为 /service-Europe。当您使用一个组件来显示您的所有路线时，这项工作。
如果您想创建一个独特的页面，那么您可以为每个服务明确指定路径名 link。