千锋教育web前端高频面试题视频教程，kerwin大话前端面试秘籍（附答案）

React高频平面试题（一）

1.类组件和函数组件的区别

（1）函数组件就是一个函数，返回一个jsx元素，类组件就是用ES6的语法糖class定义，继承component这个类。

（2）类组件中可以通过state进行状态管理，而在函数组件中不能使用setDtate(),在react16.8以后函数组件可以通过hooks中的useState来模拟类组件中的状态管理。

（3）类组件有一些列钩子函数，在函数组件中也许需要借助hooks来使用生命周期函数；

2.React事件绑定原理

总的来说事件绑定在原生js中直接绑定在标签上，但是react中是代理到document上。

3.React组建中的props和state有什么区别

（1）props是从外部传入组件的参数，一般由父组件传给子组件，在组件之间通信使用，state一般用于组件内部的状态维护，更新组件内部的数据，状态，更新子组件的props等：

（2）props不可以在组件内部修改，只能通过父组件进行修改；state在组件内部通过setState修改；

4.组件之间通信

（1）props---父组件向子组件通过props传参。

（2）实例方法---在父组件中可以用refs引用子组件，之后就可以调用子组件的实例方法了；

（3）回调函数---用于子组件想父组件通信，子组件调用props传递过来的方法；

（4）状态提升---两个子组件可以通过父组件定义的参数进行传参；

（5）context上下文---一般用作全局主题

（6）mobx/redux/dva---通过在view中触发action，改变state，进行改变其他组件的view

5.React中的setState缺点是什么

setSatte执行的时候可以简单的认为，求属于原生js执行的空间，那么就是属于同步。被react处理过的空间属于异步，这其实也是—种性能的优化，如果多次使用setState修改值，那么在一部中会先进行合并，再进行渲染，降低了操作dom的次数。