之前做项目的时候一直不知道有不知道有classnames这个东西,一直用的都是字符串拼接,感觉用的很别扭。
classnames用法和angular1.x及vue差不多,所以用起来会比较顺手
1)安装包
cnpm install classnames --save
2)如何使用
import react,{Component} from 'react'; import classnames from 'classnames'; export default class Example extends Component{ render(){ // classNames('foo', 'bar'); // => 'foo bar' // classNames('foo', { bar: true }); // => 'foo bar' // classNames({ 'foo-bar': true }); // => 'foo-bar' // classNames({ 'foo-bar': false }); // => '' // classNames({ foo: true }, { bar: true }); // => 'foo bar' // classNames({ foo: true, bar: true }); // => 'foo bar' return (<div className={classNames('foo',{bar:true})}> </div>) } }