码迷,mamicode.com
首页 > 其他好文 > 详细

面试题:react(二)

时间:2020-11-16 14:01:19      阅读:13      评论:0      收藏:0      [点我收藏+]

标签:应该   增加   辅助   对象   方式   sharp   sha   修改   reac   

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(二)

标签:应该   增加   辅助   对象   方式   sharp   sha   修改   reac   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!