React为什么区分Class和function？下面本篇文章给大家介绍一下。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。
为什么要区分？
从两种形式的Component中获取node节点的方式不一样，Function的直接调用，Class的需要实例化，再调用实例的render方法。
没法针对Function和Class都调用 new 操作符
+ arrow function 调用new会报错
+ Function的返回值可能不是对象，调用new得到的不会是预期的对象
+ Function里面的this不是实例对象，使得最终调用new之后的结果不是预期的
没法针对Function和Class都直接调用
+ 一些babel的处理中，针对构造函数的直接调用会报错
+ 未被babel转译过的ES6形式的Class，直接调用会报错
更多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中移除。