有时候需要根据不同的条件添加不同的样式,比如:完成状态,完成是绿色,未完成是红色。那么这种情况下,我们推荐使用classname/classnames这个包:
1 2 3 4 5 6 7 8 |
|
第四种:样式组件(styled-components)
styled-components是针对React写的一套css-in-js框架,简单来讲就是在js中写css。npm链接
styled-components是一个第三方包,要安装
1 2 3 4 5 6 |
|
以上就是react组件添加样式的方法的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
更多相关阅读请进入《React》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者