定义

• 将目标组件作为函数的参数，返回一个新的组件。新的组件可以封装一些公有的逻辑。

import React from "react";
import ReactDOM from "react-dom";


const HOC = (Comp) => {

  return () => (
    <>
      <div> i am HOC </div>
      <Comp></Comp>
    </>
  );

}

const A = () => {
  return <>i am A component</>
}

const App = () => {

  return (
    <>
      <ANew></ANew>
    </>
  );
};

const ANew = HOC(A);

ReactDOM.render(<App />, document.getElementById("root"));