前言
在react
开发中,需要动态的判断是否给元素添加class
,例如:用于判断点击和未点击的情况等。官方推荐使用classnames
。
一:安装
npm install classnames --save
二:引入
//在组件中引入:
import classnames from 'classnames';
三:使用案例
//可以根据各属性动态添加,如果为true则为其添加该类名,如果为false,则不添加。这样达到了动态添加class的目的
<span
className={classnames({activeClass: item.activeClass})}>
{item.title}
</span>