npm install classnames
import React, { PureComponent } from 'react'
import classnames from 'classnames'
export class App extends PureComponent {
constructor(){
super()
this.state={
isB : true,
isC : false,
isD : true
}
}
render() {
const {isB,isC,isD} = this.state
const classList = ["aaa"]
if(isB){classList.push("bbb")}
if(isC){classList.push("ccc")}
const classname = classList.join(" ")
return (
<div>
<h2 className={classname}></h2>
<p className={classnames("aaa",{bbb:isB,ccc:isC,ddd:isD})}></p>
<h3 className={classnames(["ass",{bbb:isB}])}>1111</h3>
</div>
)
}
}
export default App