HOC 高阶组件

定义

  • 将目标组件作为函数的参数，返回一个新的组件。新的组件可以封装一些公有的逻辑。
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"));
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。