Next.js中如何通过ID动态路由?编辑按钮路由写法是否正确?
问题解答
- 从语法层面来说,
<Link href={/${row.original.id}/edit}>这个写法本身是正确的,它能正确拼接出类似/123/edit这样的路由地址。 - 但最终能否正常跳转并渲染对应的编辑页面,还要结合你的路由配置来判断:
- 如果你用的是Next.js(因使用
Link组件,大概率是),需要在对应目录下创建匹配的动态路由文件,比如pages/[id]/edit.jsx(Pages Router)或者app/[id]/edit/page.jsx(App Router),确保路由能映射到编辑页面组件。 - 如果是React Router,要在路由配置里添加类似
<Route path="/:id/edit" element={<EditPage />} />的规则,让路径和编辑页面组件关联起来。
- 如果你用的是Next.js(因使用
- 另外要确认
row.original.id能获取到有效的ID值,避免出现/undefined/edit这类无效路径。
内容的提问来源于stack exchange,提问作者Denyyel
相关产品推荐
相关产品推荐

