React动态修改className,推荐classnames库

5,319 阅读1分钟

前言

react开发中,需要动态的判断是否给元素添加class,例如:用于判断点击和未点击的情况等。官方推荐使用classnames

一:安装

npm install classnames --save

二:引入

//在组件中引入:
import classnames from 'classnames';

三:使用案例

//可以根据各属性动态添加,如果为true则为其添加该类名,如果为false,则不添加。这样达到了动态添加class的目的
<span 
 className={classnames({activeClass: item.activeClass})}>
  {item.title}
</span>
亲测有用,如果这篇文章对你有帮助,别忘了给我点个赞哟,ღ( ´・ᴗ・` )比心