react 高阶组件

高阶组件(HOC): height order component

> 1: 复用组件,不是api

> 2: 组合设计模式.

---

文章目录

• 前言
• 一、高阶组件是什么？
• 二、使用步骤
  • 1.语法
• 总结

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、高阶组件是什么？

一个函数的形参是另一个组件且return 为一个全新的组件。

定义:

> 1:高阶组件是一个函数,独立的函数

> 2:入参:是一个业务组件

> 3:输入: 全新组件

二、使用步骤

1.语法

js

- 普通写法

- 组合写法

ts

- 普通写法

- 装饰器

- 多个组合写法

代码如下（示例）：

---

总结

高阶组件就是一个函数，且该函数接受一个组件作为参数，并返回一个新的组件。

高阶组件作用：

1 属性代理

2 劫持