react中如何使用css？下面本篇文章给大家介绍一下react中使用css的2种方式。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。
react中使用css的2种方式
第一种：行内样式，直接写在 style={{}} 中即可 ， 最外层{}表示是一个表达式，里面的{}表示是一个对象
第二种：使用className
以前写css定义类用的是class
现在要用className
那为何在react的jsx语法中不能直接使用class定义css类呢，
因为react把class关键字用来定义组件类名了，所以用className来代替
比如下图，这里表示用class关键字声明了一个ChildWork组件
补充：还有一种写法，但不推荐，把样式写在一个对象中，并赋值给一个变量，注意这里样式要用小驼峰
然后直接在html标签上用style={}的方式引用，注意这里只有一对{}
更多web前端知识，请查阅 HTML中文网 ！！
方法：1、使用npm工具安装sass-loader和node-sass依赖；2、配置webpack.config.js文件；3、在需要的组件中引入scss，然后添加scss代码即可。
react判断checkbox是否被选中的方法：可以通过【if ($("#checkbox-id").get(0).checked) {}】方法来进行判断。还可以通过原生js方法来进行判断，如【ele.checked】。
在react中，首先通过父组件给子组件传递一个函数，然后子组件通过参数传到父组件，通过props来传递函数的引用，并通过回调的方式实现；其实就是子组件调用父组件的方法，把值以形参的方式传出来。
每当组件状态改变时，React就会调用render函数进行重新渲染。更改状态意味着当调用setState函数时，React触发更新；这不仅意味着将调用组件的render函数，而且还意味着重新渲染其所有后续子组件，无论其prop是否已更改。
React组件生命周期有三个阶段：加载、更新和卸载。加载阶段表示一个组件实例被创建并被插入到DOM中；更新阶段表示由状态或属性的改变导致组件的重新渲染；卸载阶段表示组件从DOM中移除。