新发现npm包 classnames 有了他之后通过变量控制样式变得简单了许多!
例如:className={classNames('diy', {'diy2':isShow})}
括号中的 diy 是永远生效的,但是 diy2 会根据 isShow 的真假来决定是否生效。如果 diy2 的样式和 diy 的样式冲突的话,会按照 diy2 来生效。原因如下:用变量控制的样式的优先级高于用常量控制的样式的优先级,就算是把 diy2 放在diy 前面,样式冲突时,也是使用 diy2 的样式,和顺序是没有关系的。
展开
4