clsx 在满足一个条件时添加两个类名的语法是什么？

Question

我有一个

menu

块，我使用

clsx

lib 进行

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>
   )
}

Answer 1

将对象键中的所有类放在一个字符串中，并用空格分隔。

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

console.log(classes);

<script src="https://unpkg.com/[email protected]/dist/clsx.min.js"></script>