网站首页编程语言正文

react设置多个classname

作者：xinxin_csdn 更新时间： 2022-05-10 编程语言

方法一：ES6模板

className = {`title ${index === this.state.active ? ‘active’ :’’}`}

方法二：join(‘ ’)

className = {[‘title’, index === this.state.active?’active’:null].join(‘ ’)}

方法三：

引入classnames库，安装：

1	`npm install classnames --save`

import classnames from 'classnames'

true可以省略

使用样式的module化时引用

原文链接：https://blog.csdn.net/xinxin_csdn/article/details/120436824