React-基础样式控制

组件基础样式方案

React组件基础的样式控制有两种方式

1、行内样式(不推荐)

属性名是多个单词的需要使用驼峰写法

也可以把样式都提取到一个变量里,再赋值到style里

2、class类名控制

classnames优化类名控制

classnames是一个简单的JS库,可以非常方便的通过条件动态控制class类名的显示

下载安装: GitHub - JedWatson/classnames: A simple javascript utility for conditionally joining classNames together

npm install classnames
import classNames from 'classnames'
相关推荐
csstmg1 分钟前
记录一次前端绘画海报的过程及遇到的几个问题
前端
bidepanm3 分钟前
Vue.use()和Vue.component()
前端·javascript·vue.js
顾平安19 分钟前
手写 PromiseA+ 实现,轻松通过 872 条用例
前端
胡西风_foxww22 分钟前
【ES6复习笔记】对象方法扩展(17)
前端·笔记·es6·对象·方法·扩展·对象方法扩展
bin91531 小时前
npm报错
前端·npm·node.js
一指流沙q1 小时前
Chrome被360导航篡改了怎么改回来?
前端·chrome
laocooon5238578862 小时前
HTML CSS 超链
前端·css·html
LUwantAC2 小时前
CSS(二):美化网页元素
前端·css
素**颜2 小时前
uniapp 基于xgplayer(西瓜视频) + renderjs开发,实现APP视频播放
javascript·uni-app·音视频
m0_748251082 小时前
docker安装nginx,docker部署vue前端,以及docker部署java的jar部署
java·前端·docker