react 高阶组件和高阶函数

高阶组件（HOC）是一种函数，接受一个组件作为参数，并返回一个新的组件。

用来实现代码的复用、逻辑的封装以及状态的管理等功能。

场景：逻辑复用和状态共享

import React, { Component } from 'react';
 
const EnhancedComponent = WrappedComponent => {
  class HOC extends Component {
    render() {
      return <WrappedComponent {...this.props} />;
    }
  }
  return HOC;
};
 
export default EnhancedComponent;

高阶函数（ HOF）接受一个函数作为参数，并返回一个新的函数的函数。

高阶函数可以用来实现函数的复用、逻辑的封装以及增强函数的功能等。

function foo(x) {
  return function() {
    return x;
  };
}