React -- (4) HOC 高阶组件的具体适用场景

69 阅读1分钟

一. HOC

2193.png

<1> 场景 1 :权限控制

根据用户的角色权限,来决定是否向他展示某一组件

2194.png

<2> 场景 2 :组件渲染性能追踪

借助父组件、子组件的生命周期规则捕获子组件的生命周期,可以方便对某个组件的渲染时间进行记录!!!

2195.png

<3> 场景 3 :页面复用

抽离一些公共代码,放在高阶组件函数内部!!

2196.png