【React系列】React中的CSS

本文来自#React系列教程：https://mp.weixin.qq.com/mp/appmsgalbum?__biz=Mzg5MDAzNzkwNA==&action=getalbum&album_id=1566025152667107329)

一. React中的css方案

1.1. react 中的 css

事实上，css 一直是 React 的痛点，也是被很多开发者吐槽、诟病的一个点。

在组件化中选择合适的CSS解决方案应该符合以下条件：

• 可以编写局部css：css具备自己的具备作用域，不会随意污染其他组件内的原生；
• 可以编写动态的css：可以获取当前组件的一些状态，根据状态的变化生成不同的css样式；
• 支持所有的css特性：伪类、动画、媒体查询等；
• 编写起来简洁方便、最好符合一贯的css风格特点；
• 等等…

在这一点上，Vue做的要远远好于React：

• Vue通过在.vue文件中编写