样式使用less是不是就没有提示了
来源:3-6 【组件化】配置React的CSS模组

hjh2015
2021-02-15
老师,如果我把项目里的css换成less是不是就不能用css in js了?还有当一个元素有两个class该怎么用css in js呢?
比如:
<div class="a b"></div>
写回答
1回答
-
第一个问题:
其实css in js说的是模组化css技术,技术与使用那种语言是没有关系的,所以使用less也可以使用css in js。我在网上找到一篇文章,详细介绍了如何通过wabpack来使用模组化less。
React + CSS Modules + LESS + Webpack 4 | by Joe Crick | Medium
https://medium.com/@joseph0crick/react-css-modules-less-webpack-4-a50d902d0a3
虽然文章是英文的,不过篇幅很短,而且大部分是代码,应该还是比较容易理解的。
第二个问题:
在react组件中,className属性我们需要使用引号( ""、''、或``)来包裹。那么对于多class,我们可以这样处理
使用``来引用css
使用 ${ } 来引用变量
不过,我们其实还有一个更好的方案,课程中并没有介绍(由于课程时长限制)。这个方案就是使用一个叫做classnames的第三方库:
https://www.npmjs.com/package/classnames
https://github.com/JedWatson/classnames
https://www.cnblogs.com/suihang/p/10417755.html
21相似问题