样式使用less是不是就没有提示了

来源:3-6 【组件化】配置React的CSS模组

hjh2015

2021-02-15

老师,如果我把项目里的css换成less是不是就不能用css in js了?还有当一个元素有两个class该怎么用css in js呢?
比如:

<div class="a b"></div>
写回答

1回答

阿莱克斯刘

2021-02-20

第一个问题:

其实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,我们可以这样处理

//img.mukewang.com/szimg/60301189098c7b4311940544.jpg

//img.mukewang.com/szimg/6030118909583b3f16100384.jpg

  • 使用``来引用css

  • 使用 ${ } 来引用变量

不过,我们其实还有一个更好的方案,课程中并没有介绍(由于课程时长限制)。这个方案就是使用一个叫做classnames的第三方库:

https://www.npmjs.com/package/classnames

https://github.com/JedWatson/classnames

https://www.cnblogs.com/suihang/p/10417755.html


2
1
weixin_慕丝2377090
老师,关于 “className属性我们需要使用引号( ""、''、或``)来包裹。” 这里不是将CSS转化为对象 styles,通过对象方式来引入,为什么还需要 “” 呢?课程里面是
2022-04-15
共1条回复

React18 系统精讲 结合TS打造旅游电商平台

React18 精讲 + 结合 TS 实战 + 热门业务开发,获取必备技能

1993 学习 · 1015 问题

查看课程