classnames的作用

半兽人 发表于: 2025-03-31   最后更新时间: 2025-03-31 11:17:48  
{{totalSubscript}} 订阅, 18 游览

classnames 是一个 字符串拼接工具,用于合并 className,支持:

  • 条件拼接
  • 数组合并
  • 去除 falseundefinednull 等无效值
import cn from 'classnames';

const classes = cn(
  'btn',
  false && 'hidden',  //false 值不会生效
  'btn-primary',
  ['rounded', 'shadow'], // ✅ 支持数组
);
console.log(classes); 
// 输出: "btn btn-primary rounded shadow"

## ** 为什么要这样写?**
```tsx
const classNames = (...cls: cn.ArgumentArray) => {
    return twMerge(cn(cls));
};
更新于 2025-03-31
在线,10分钟前登录

查看React更多相关的文章或提一个关于React的问题,也可以与我们一起分享文章