react中使用css的2种方式

• Z时代
• 2024-01-10
• 分类：综合

　　第一种：行内样式，直接写在 style={{}} 中即可 ， 最外层{}表示是一个表达式，里面的{}表示是一个对象

　　第二种：使用className

　　以前写css定义类用的是class

 　  现在要用className

　  那为何在react的jsx语法中不能直接使用class定义css类呢，

　 因为react把class关键字用来定义组件类名了，所以用className来代替

　 比如下图，这里表示用class关键字声明了一个ChildWork组件

　 补充：还有一种写法，但不推荐，把样式写在一个对象中，并赋值给一个变量，注意这里样式要用小驼峰

　然后直接在html标签上用style={}的方式引用，注意这里只有一对{}

　let jsx = <div style={onlineBarStyle}>jsx123</div>;

以上是 react中使用css的2种方式 的全部内容， 来源链接： utcz.com/z/382415.html