useMemo优化React Hooks程序性能,解决子组件重复执行问题

作用:

useMemo主要用来解决使用React hooks产生的无用渲染的性能问题。

缘由:

使用function的形式来声明组件,失去了shouldCompnentUpdate(在组件更新之前)这个生命周期,也就是说我们没有办法通过组件更新前条件来决定组件是否更新。
而且在函数组件中,也不再区分mount和update两个状态,这意味着函数组件的每一次调用都会执行内部的所有逻辑,就带来了非常大的性能损耗。

方案:

useMemo和useCallback都是解决上述性能问题的,本节先介绍useMemo.

.

猜你喜欢

转载自www.cnblogs.com/jianxian/p/12533264.html