next.js 当一个条件满足时,clsx添加两个className的语法是什么?

uajslkp6  于 12个月前  发布在  其他
关注(0)|答案(1)|浏览(147)

我有一个menu块,我使用clsx库来渲染conditional classname。当条件满足时,我想在同一行上添加两个className。有人能告诉我正确的语法吗?现在我把两个类放到一个数组中,但它不工作...
谢谢

export default function Navbar({}){
...
 return (
    <li key={link.label} 
        className={
                 clsx({ 
                    ['stroke-black','text-transparent']: link.label==='HelloAgain',
                  })
    }>
         <Link href='#'>
            {link.label}
         </Link>            
    </li>
   )
}

字符串

f45qwnt8

f45qwnt81#

让对象中的所有类都在一个字符串中,用空格分隔。

const classes = clsx({
  'stroke-black text-transparent': true,
});

console.log(classes);

个字符

相关问题