Reactjs 如何在nexy.js typescipt中使用动态路由

我有这个文件夹结构

[posted].ts

import { useRouter } from 'next/router'

const Post = () => {
  const router = useRouter()
  const { pid } = router.query

  return <p>Post: {pid}</p>
}

export default Post

---

您的文件名是

[postId]

，因此应该是您的参数名：

const { postId } = router.query

---

我刚从webstorm转到vscode，一切正常，可能是我的tsconfig文件有问题，你的文件名应该是jsx/tsx类型，所以

而不是

[postId].ts

应该是

[postId].tsx

---

如果临时删除

{pid}

会发生什么？顺便说一句，你应该使用

const{postId}=router.query

@someone没有什么特别的，我可以只留下一个文本，它仍然不起作用。你按照nextJS的说明来设置typescript吗？你展示的代码至少没有错（除了我上面提到的）@SomeoneSpecial是的，我遵循了nextjsdocs@SomeoneSpecial可能是因为TypeScription没有解决我的问题你能在codesandbox中复制吗？

[postId].tsx