react关于className的小技巧

安装:

npm install classnames

引入:

 import classNames from "classnames";

 使用:

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'

classNames("conf", { "active": items.active } // items.active 为true或者fasle;


 let buttonType = 'primary';
classNames({ [`btn-${buttonType}`]: true });

你可能感兴趣的:(react)