使用下面的className不起作用,因为我已经尝试通过它传递${styles.active}。当我只使用全局类名(如“active”)时,它起作用。我是否得到了错误的格式?
<Link href='/' className={`${currentRoute} === '/' ? ${styles.active} : ''`}> Overview </Link>
ar7v8xwq1#
你有一个语法问题,在你的代码,如果我想纠正你的代码,它会是:
<Link href='/' className={`${currentRoute === '/' ? ${styles.active} : ''}`}> Overview </Link>
但是你可以不用模板常量来写它,就像这样:
<Link href='/' className={currentRoute === '/' ? styles.active : ''}> Overview </Link>
1条答案
按热度按时间ar7v8xwq1#
你有一个语法问题,在你的代码,如果我想纠正你的代码,它会是:
但是你可以不用模板常量来写它,就像这样: