关于style-component的问题
来源:6-4 最受欢迎的CSS-in-JS方案 - Emotion的安装与使用

慕工程2451917
2021-01-25
感觉这种方式有点别扭,主要是感觉有一些问题, 像现在有比较多的sass less等预处理去处理css这种问题,其中sass就有mixin的概念可以进行样式复用,但是这里如果刚入手的话感觉还是不太直观,其次就是如果样式层级较多,那么是不是这种太麻烦了
写回答
1回答
-
Hi, styled-component 这种风格也是可以 mixin 和 复用 的;
相比起来 sass less,其实并没有多写很多代码;
传统的方案需要写cssName='xxx',在这里替换成了组件名;
传统的方案需要在css文件中写样式,这里把样式写在styled``里面;
而使用 styled-component,你得到了一个非常干净的 JSX,没有className,只有组件的组合
10