解决React中的re-render问题

目录

re-render？错误的优化Object.is合理使用useEffect,解决re-render简单实现useEffect

文章转自公众号：前端巅峰

re-render？

首先使用我的脚手架：

npm i ykj-cli -gykj init Appcd ./appyarnyarn dev

这样一个webpack5、TS、React项目就搭建好了

if (!dependencies || hasChanged) { callback(); _deps = dependencies; }}

实现逻辑：将传入的依赖项遍历，通过Object.is方法与原依赖项的值进行浅对比，如果不一致就执行callback。

结语：
所以大家在解决re-render问题时，或者使用usewww.easck.comEffect之类优化方案时，应该监听对比某个值，而不是去监听某个大对象进行对比。相信这篇文章能解决你心中疑惑很久的re-render问题，