NextJS URL 参数，如 React-Router

Question

我是 NextJS 的新手，第一印象看起来很好。但是在给它一个机会之后，我遇到了一些问题，比如使用 react-router 等自定义参数的 URL 路由。

目前我们可以用 NextJS 做什么

https://url.com/users?id:123

为了更好的 URL 模式，我们需要什么

https://url.com/users/123

在 react-router 这里有完美的例子 https://reacttraining.com/react-router/web/example/url-params

原文由 Nishchit 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

对于迟到的任何人，我们现在在 Next 9 中有 动态路由。

这将允许通过使用文件结构而不需要额外的包来像这样制作 url 结构。

你可以创建一个文件 pages/user/[id].js

和

import { useRouter } from 'next/router'

const User = () => {
  const router = useRouter()
  const { id } = router.query

  return <p>User: {id}</p>
}

export default User

原文由 Davey 发布，翻译遵循 CC BY-SA 4.0 许可协议