高阶组件hoc的理解

高阶组件HOC(High Order Component)

高阶组件并不是一个React组件，而是一个高阶函数（包装函数）

接下来我们认识一下React组件类型：

• React组件类型
  • 函数组件(无状态组件)

  优先使用函数组件(性能)

  • 类型组件(状态组件)
    • state
    • 生命周期
    • this
• 包装函数
  

function withRouter(App){
   
    function NewApp(){
   
        return <App history={
   } location={
   } match={
   } />
    }
    return NewApp; 
}

• 纯函数

  • 不修改传入的参数

  • 固定输入有固定输出

    //不修改a,b的参数，固定传参固定输出 
    function sum(a,b){
           
            return a+b;
        }
        sum(10,20);