高阶组件 -（1）

什么是高阶组件

import React from "react";

function Home() {
  return (
    <div>Home</div>
  )
}
function enhanceComponent(WrappedComponent) {
  class AdvComponent extends React.PureComponent{
    render() {
      return (
        <div>
          <WrappedComponent />
        </div>
      );
    }
  }
  return AdvComponent
}
const AdvComponent = enhanceComponent(Home);
class App extends React.PureComponent {
  render() {
    return (
      <div>
        <h1>App</h1>
        <AdvComponent />
      </div>
    );
  }
}
export default App;

• 高阶组件是参数为组件，返回值为新组件的函数