,同样css也在不断的进化,如同js一样,也有变量,函数等具备Js一样的活力,那么在React中是怎么实现样式的模块化的?...类class声明的组件(类组件/容器组件)
函数式声明的组件(函数组件/无状态组件/UI组件)
样式化组件(styled-components)
本节主要讲的就是样式化组件,给一个React组件添加样式...动态样式:样式组件内可以接收参数,很简单地调整和拓展组件的样式,而不需要建立很多个 class 类来维护组件的样式
结语
本文主要讲解了React编写样式的姿势,并不是什么高大上的内容,比较基础...通过styled-components第三方库的的引入,编写样式化组件,这个并不是必须的,视项目公司团队而定,不使用这个,通过css-module编写React的样式也是可以的
当然若是使用了styled-components...,便解决了一些问题,例如,样式覆盖,命名等痛点,以及解决了在类声明组件当中,无法给自定义组件绑定事件的问题
本文只是学习了styled-components的一些常用的知识,至于更多styled-components