reactjs Next JS中的活动链接样式

ljo96ir5  于 2023-01-02  发布在  React
关注(0)|答案(1)|浏览(128)

使用下面的className不起作用,因为我已经尝试通过它传递${styles.active}。当我只使用全局类名(如“active”)时,它起作用。我是否得到了错误的格式?

<Link href='/' className={`${currentRoute}  === '/' ? ${styles.active} : ''`}> Overview </Link>
ar7v8xwq

ar7v8xwq1#

你有一个语法问题,在你的代码,如果我想纠正你的代码,它会是:

<Link href='/' className={`${currentRoute === '/' ? ${styles.active} : ''}`}> Overview </Link>

但是你可以不用模板常量来写它,就像这样:

<Link href='/' className={currentRoute === '/' ? styles.active : ''}> Overview </Link>

相关问题