react中classnames库的使用

1、引入classnames

   yarn add classnames

2、在js文件中使用，我这里用的less

import css from './App.module.less';
//这里引入classnames 
import classnames from 'classnames'

function App() {
  return (
    //这里直接使用classnames 
    <div className={classnames(css.test1,css.test2)}>
      test
    </div>
  );
}

export default App;

3、在css文件中使用，我这里使用的less为例

.test1 {
  font-size: 120px;
  color: rgb(77, 224, 126);
  //配置第二个classnames属性
  &.test2{
    text-decoration: line-through;
  }
}

4、效果