You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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 />} />的规则,让路径和编辑页面组件关联起来。
  • 另外要确认row.original.id能获取到有效的ID值,避免出现/undefined/edit这类无效路径。

内容的提问来源于stack exchange,提问作者Denyyel

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.26 00:37:01