首页 > react面试整理

react面试整理

发布时间：2023-03-01 04:13:09 来源：文档文库

小中大

字号：

手机查看

React 中的keys 的作用是什么
Keys 是React 用于追踪哪些列表中元素被修改、被添加或者被移除的辅助标识。

在开发的过程中，需要在同级的元素中有一个唯一的标识，在react diff算法中react会借助key元素来判断元素处于什么状态，减少元素的渲染
调用 setState 之后发生了什么？
在调用 setState函数之后，react会将传入的参数对象与组件当前的状态合并，然后触发调和过程，经过调和过程，react 会以相对高效的方式根据新的状态构建react元素树并重新渲染ui界面。React得到元素树后，react会自动计算出新的树与老树的节点差异，根据差异来进行最小化的重渲染。在差异计算算法中，react可以精准的知道哪些位置发生了改变，以及应该如何改变，就保证了按需更新，而不是全部重新渲染。
React 生命周期函数
初始化阶段：

getDefaultProps: 获取实例默认的属性
getInitialState: 获取每个实例的初始化状态
componentWillMount: 组件即将被装载，渲染到页面上
render: 组件在这里生成虚拟的dom节点

componentDidMount: 组件真正被装载之后
运行状态：

componentWillReceiveProps: 组件将要接收到属性的时候调用
shouldComponentUpdate: 组件接收到新属性或者新状态的时候（可返回false,接收数据后不更新，阻止render调用，后面的函数不会被继续执行了）
componentWillUpdate: 组件即将更新不能修改属性和状态
render: 组件重新描绘
componentDidUpdate: 组件已经更新

本文来源：https://www.2haoxitong.net/k/doc/32a24a64fc4733687e21af45b307e87101f6f8b8.html