定义
- 将目标组件作为函数的参数,返回一个新的组件。新的组件可以封装一些公有的逻辑。
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"));