结论：需要根据state进行渲染时，使用React.Component 用不到state时，可以直接写函数组件。 Function 函数组件：可以接收入参 props ，通过return返回dom结构。 React.Component 是一个class 类 ，不止可以接收props，也支持state，还包含了生命周期函数，在render函数内返回dom结构。 Hook 是React的新特性，通过 ...
2020-03-17 01:13 0 794 推荐指数：
一 结论 React.Component 是没有做任何渲染优化的，但凡调用this.setState 就会执行render的刷新操作。 React.PureComponent 是继承自Component，并且对重写了shouldComponentUpdate周期函数，对 state ...
react官方推荐使用类似class B extends React.Component这样的方式来写组件，相比于React.createClass({})这种方式，React.createClass的this是自动绑定到组件本身， 即var component ...
前言 先说说 shouldComponentUpdate 提起React.PureComponent，我们还要从一个生命周期函数 shouldComponentUpdate 说起，从函数名字我们就能看出来，这个函数是用来控制组件是否应该被更新的。 简单来说，这个生命周期函数返回一个布尔值 ...
今天在写代码的时候，突然想到这个问题，于是找了一篇文章，文章地址：https://toddmotto.com/react-create-class-versus-component/以下是翻译，如果有不对的地方，欢迎指正。 大多数情况下，可以认为是实现同一个功能的两种方法。React提供 ...
Virtual DOM , 通过高效的Diff算法对变化的部分首尾两端做批量更新，所有的比较都是浅比较shallowEqual。谁都玩不起深比较，facebook自己都做不到~ Component ：一定要配套使用shouldComponentUpdate , 否则不管props ...
前言： createClass本质上是一个工厂函数，extends的方式更加接近最新的ES6规范的class写法。两种方式在语法上的差别主要体现在方法的定义和静态属性的声明上。createCla ...
React class function component React class function component ...
function和class component 首先看下function component： 它就是一个函数接受一个props参数返回了一个jsx语法的标签，接下来看下class 语法的component ...
