classnames.js 是什么?
classnames.js 是一个简单的类名控制工具库,可以方便的通过条件动态控制class类名的显示。
官方代码及示例文档参见:GitHub - JedWatson/classnames: A simple javascript utility for conditionally joining classNames together
为什么要使用 classnames.js 呢?
在React 项目中,时常需要通过条件判断来添加/删除 类名,但是通过传统的方式进行字符串的拼接不够直观,也容易出错,如下代码:
传统方式:
<span className={`nav-item ${type === 1 ? 'active' : ''}`} >启用</span>
那么就可以通过classnames.js 来控制,如下代码: