关于style-component的问题

来源:6-4 最受欢迎的CSS-in-JS方案 - Emotion的安装与使用

慕工程2451917

2021-01-25

感觉这种方式有点别扭,主要是感觉有一些问题, 像现在有比较多的sass less等预处理去处理css这种问题,其中sass就有mixin的概念可以进行样式复用,但是这里如果刚入手的话感觉还是不太直观,其次就是如果样式层级较多,那么是不是这种太麻烦了

写回答

1回答

Nolan

2021-01-26

Hi, styled-component 这种风格也是可以 mixin 和 复用 的;

相比起来 sass less,其实并没有多写很多代码;

传统的方案需要写cssName='xxx',在这里替换成了组件名;

传统的方案需要在css文件中写样式,这里把样式写在styled``里面;


而使用 styled-component,你得到了一个非常干净的 JSX,没有className,只有组件的组合


1
0

React17+Hook+TS4 优质实践,仿 Jira 企业级项目

解锁 React17 高阶用法,轻松应对大型复杂长周期项目

2691 学习 · 1236 问题

查看课程