随笔

高阶组件与hook

高阶函数：
输入多个函数，输出一个函数

高阶组件：
输入多个组件，返回一个组件 （组件亦是函数）

【高阶组件其实就是一个纯函数】

高阶组件链接


高阶组件两种形式：属性代理 和 反向继承
属性代理：
返回 React.Component（有状态组件）【包含render()方法】
反向继承：
返回[自定义]组件，且在该类的 render() 方法中返super.render() 方法。


使用高阶组件的约定：
.1、props 保持一致
.2、不要改变原始组件WrappedComponent
.3、透传不相关 props 属性给被包裹的组件 WrappedComponent
.4、不要再 render() 方法中使用高阶组件
.5、使用 compose 组合高阶组件
.6、包装显示名字以便于调试