链接到Next.js中的动态路由

时间:2018-08-01 18:48:06

标签: javascript reactjs routing next.js

当我使用next/link组件将页面链接在一起时,最终不得不同时指定“服务器端” URL和queryparam定义的URL。

一个示例可能是由/post/:id文件提供服务的动态pages/post.js路由:

<Link href="/post?id=2" as="/post/2"><a>Go to post number 2</a></Link>

是否有其他方法可以做到这一点?记得在我想拥有一条动态路线的任何地方都要这样做。

1 个答案:

答案 0 :(得分:1)

href始终是必需的,因为它指向page,它将负责呈现内容。但是as道具是可选的,它仅用于“修饰”显示给用户的URL。

想象一下,您登陆某个网站,就会看到www.mysite.com/post?id=121,看起来比/ post / 2还要丑。

这仍然很麻烦,因此有一些不错的库使此操作变得更容易,最受欢迎的AFAIK是https://www.npmjs.com/package/next-routes,该软件包使您在使用Link时的生活更加轻松,但是您需要编写走自己的路线。