Next.js将css类添加到链接

dwbf0jvd 于 2022-11-19 发布在其他

关注(0)|答案(3)|浏览(138)

如何在Next.js中向Link component添加css类？

<Link
    className="app-subnav__link"
    href="/globalSettings"
>
    Settings overview
</Link>

它不像上面的！ES Link抛出错误：

3条答案

试试这个（在NextJS v13中提供）：

<Link href="/globalSettings" className="app-subnav__link"> 
    Settings Overview
</Link>

参考：https://nextjs.org/docs/api-reference/next/link
更新：在NextJS v13中，next/link子项不能再是。添加legacyBehavior属性以使用旧版行为，或删除以进行升级。有一个codemod可用于自动升级代码。

在下一个版本13中，你可以直接在Link组件中使用它。这里不需要包含a标签。

将链接包含在<div>中。在<div>中应用className。这可能不是正确的方法，但它可以工作