小编Ben*_*asy的帖子

nextjs链接组件插值错误

我在 Next.js 中收到此错误:

错误:提供的“href”(/subject/[subject])值缺少要正确插入的查询值(subject)。了解更多:https://err.sh/vercel/next.js/href-interpolation-failed`

我有一个动态页面设置为/subject/[subject].tsx. 现在在我的导航中我有:

<Link href={'/subject/${subject}'} passHref><a>{subject}</a></Link>
Run Code Online (Sandbox Code Playgroud)

当我使用不同的路径访问页面时,它工作正常,但是当我按下页面上的按钮时,它会抛出错误,我想这是因为组件重新渲染。如果您转到错误中的页面,它会显示:Note: this error will only show when the next/link component is clicked not when only rendered.

我试图寻找解决方案,并尝试这样做:

<Link href={{pathname: '/subject/[subject]', query: {subject: subject}}}></Link>
Run Code Online (Sandbox Code Playgroud)

但一切都没有改变。我阅读了文档,似乎该asprop 只是一个不再使用的可选装饰器,所以我不知道这对我有什么帮助。

javascript reactjs next.js

13
推荐指数
2
解决办法
2万
查看次数

标签 统计

javascript ×1

next.js ×1

reactjs ×1