React框架-高阶组件（HOC）

---

一、高阶组件的定义

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

通俗来讲，高阶组件（也叫高阶函数、容器组件）是一种设计模式、一种开发经验、一种思想。

二、高阶组件的作用

作用：实现组件业务逻辑的复用

比如当多个组件有相同的某些业务功能时，可以对这些重复的业务进行封装。

三、高阶组件的特点

特点：入参是一个React类，返回值是一个新的React类
返回值：是一个新的React类（组件）

四、高阶组件的实现

import React from "react"

//WrappedCompontent 一般也称呼叫UI组件
export default function roleHoc(WrappedCompontent){
   
	//返回值是一个新的React类（组件）
	return class extends React.Component{
   
		constructor(props){
   
			super(props)
			this.state = {
   
				role:-1
			}
		}
		componentDidMount