react知识点总结1、什么是react元素React应用的最小单位，他描述了你在屏幕上看到的内容，react元素的本质

1、什么是react元素

React应用的最小单位，他描述了你在屏幕上看到的内容，react元素的本质是一个普通的js对象。

2、react的组件

函数式组件就是一个函数，他接受一个属性对象，返回一个react对象
类组件就是一个类，需要有一个render方法，render方法需返回并只能返回一个顶级react元素
不论是类组件还是函数式组件，首字母必须大写，因为react是用过首字母来区分到底是是自定义组件（大写）还是原生dom组件（小写）
受控组件是input框的value值受状态控制，非受控组件是input框的value值不受状态控制
组件的状态有两种：1）属性：是父组件给子组件的，不可修改。2）状态，是组件内部初始化的，改变状态的唯一方法是setState
函数组件和类组件的优缺点：1）类组件的性能消耗较大，因为类组件需要创建实例，并不能被销毁。2）函数组件性能消耗小，因为函数组件不需要创建实例，渲染的时候执行以下就好得到返回的react元素后直接把中间的变量都销毁了

3、静态属性的优点

4、关于setState

不要直接修改state，直接修改不能刷新页面。setState包含了刷新页面的操作
setState的更新可能会被合并，老有新有则更新，老没有新有则添加，老有新没有则保持原状
setState的更新可能是异步的，在react生命周期里和事件处理函数里setState的时候并不会直接修改状态，而是先把partialState放入一个数组缓存起来，等事件执行结束了再统一更新，在setTimeout原生事件是同步的。

5、关于ref（reference 引用）

6、为什么三个will生命周期没了

因为在react16里面添加了fiber，fiber的渲染过程是可以被暂停、终止和重新启动的，所以他可能会有很多暂停、重启的阶段，所以可能will的生命周期会触发多次

7、React的domdiff和vue的domdiff有何区别

Vue是组件化更新，一个值更新了会引起关联组件的更新，其他组件不受影响。缺点：需要监听watcher，优点：速度快。
React是全量比较，从根节点开始全量比较，该更新的更新，不该更新的不更新。所有组件都会涉及到，但他不需要watcher。当页面中组件太多时可以引入fiber，把大的比较任务拆分成多个小任务，可能暂停恢复执行，把任务放在浏览器空闲的时候去执行。在dom对比的时候，只要key一样类型一样，就认为他是一个dom。React元素都是不可变对象，react只会更新必要的部分。如果说新老的虚拟dom是一样的则不作任何操作。

8、路由有三种渲染方式

9、react生命周期（旧版）

1）react初次dom渲染的函数：constructor –> componentWillMount --> render –> componentDidMount

2）react更新阶段的生命周期函数：componentWillReceiveProps --> shouldComponentUpdate --> componentWillUpdate --> render -->componentDidUpdate

componentWillReceiveProps：相当于vue的computed计算属性，作用：当父组件出入子组件的数据进行改变是，会执行此函数，可以将props再次赋值给state。也可以说是用来监听props变化的
shouldComponentUpdate：这是一个优化函数，此处必须有返回值true或者false，返回值为true时才会更新视图，在提高项目渲染性能时用。
componentWillUpdate：在render之前最后一次可以改变数据的地方
componentDidUpdate：同componentDidMount一个用法

3）卸载过程

10、jsx的onClick和html的onclick的区别

Html onclick的弊端：注册的事件处理函数是全局环境，会污染全局环境。使用onclick的dom元素，如果在dom树中删除时，必须手动注销事件处理器，否则会造成内存泄漏
Jsx的onclick：挂载的没一个函数都是组件内部的，而不是全局的，无论多少个onclick都是事件委托的方式，在dom树顶层添加一个事件监听函数，此函数会根据具体组件分配具体的函数

11、react的组件通信

12、高阶组件