react+classnames

之前做项目的时候一直不知道有不知道有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>)
    }
}

 

转载于:https://www.cnblogs.com/llcMite/p/8553925.html