React 高阶组件

一、含义

高阶组件(HOC)是 React 中用于复用组件逻辑的一种高级技巧。HOC 自身不是 React API 的一部分,它是一种基于 React 的组合特性而形成的设计模式。

二、详解

高阶组件,主要就是逻辑复用。
什么是逻辑复用?比如你两个以上的组件依赖某个值,或者更进一步,具有相同的逻辑行为。你就可以将这个值或者行为提取出来形成一个单独的组件,用来包裹原先的简化的组件,其产生的效果一致。
如果你使用过ts装饰的装饰器、或者ES7的装饰器,那你应该就能理解,高阶组件就是这么一个东西。只不过换了一个说法

三、扩展

你可以使用装饰器,ts或者开启bable使用ES7

posted @ 2021-06-23 15:38  Sebastian·S·Pan  阅读(83)  评论(0编辑  收藏  举报