classnames
クラス名を条件付きで繋げられるユーティリティ
ドキュメントより
code:js
var classNames = require('classnames');
class Button extends React.Component {
// ...
render () {
var btnClass = classNames({
btn: true,
'btn-pressed': this.state.isPressed,
'btn-over': !this.state.isPressed && this.state.isHovered
});
return <button className={btnClass}>{this.props.label}</button>;
}
}
Reactの公式ドキュメントでも紹介されている