Fatal编程技术网
  • reactjs/
  • Reactjs 在下一个js的url中显示道具值

Reactjs 在下一个js的url中显示道具值

reactjs next.js

Reactjs 在下一个js的url中显示道具值,reactjs,next.js,Reactjs,Next.js,我有这种情况 当网页加载时，我获取用户位置。根据该位置显示一些服务，如A、B、c等。 当用户单击服务时，URL应该转到localhost/3000/service name 有什么有用的链接吗 import Router from "next/router"; .... 内部onClick router.push(pathname :'/service' query:{service-id:service-name},`/service-${service-name}) 路径名是文

我有这种情况 当网页加载时，我获取用户位置。根据该位置显示一些服务，如A、B、c等。 当用户单击服务时，URL应该转到localhost/3000/service name 有什么有用的链接吗

import Router from "next/router";   
....
内部onClick

  router.push(pathname :'/service' query:{service-id:service-name},`/service-${service-name})
路径名是文件名，查询获取服务名，路由器的第三个参数将显示您希望用户如何查看URL

在您的情况下，如果用户选择Europe选项，则URL将显示为
/service Europe
。当您使用一个组件来显示所有管线时，此操作将起作用

如果要创建唯一页面，则可以为每个服务链接显式指定路径名