首页 > 其他 > 详细

面试题:react(二)

时间:2020-11-10 23:13:18      阅读:40      评论:0      收藏:0      [点我收藏+]

1、react中key的作用?

key是react用于追踪哪些值被修改,增加,删除的辅助标识。
我们需要保证key在同级元素中具有唯一性。在React diff算法中,react会借助元素的key值来判断该元素是新创建还是移除的元素,从而减少不必要元素的渲染。

2、调用setState之后发生了什么?

在代码中调用了setState函数之后,react会将传入的参数对象和组件当前的状态合并,然后触发所谓的调和过程。经过调和过程,react会以相对高效的方式根据新的状态构建React元素树,
并且重新渲染整个页面。 在react得到元素树之后,react会计算出新的树和老的树的节点差异,然后根据差异对界面进行最小化渲染。在差异计算算法中,react能精准知道哪些状态发生了改变以及应该如何改变,
这就保证了按需更新,而不是全部渲染。

3、shouldComponentUpdate作用?怎么进行优化?

shouldComponentUpdate方法可以用来判断是否需要调用render方法来重绘dom。
因为dom的重绘非常耗费性能,可以通过判断此组件是否需要更新,通过返回true或者false,
如果true,则进行更新,
返回false,则不需要更新。
以此来减少dom的重绘次数,优化性能。

4、

 

面试题:react(二)

原文:https://www.cnblogs.com/liumcb/p/13956402.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!