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、效果