第4期 高阶函数(HOC)

112 阅读1分钟
此处使用并render传参
const Child = (props)=> <div>{props.name}</div>;
// 高阶函数 接受一个组件为参数 处理一些通用逻辑后 返回一个组件
const hocFunction = (Component)=>(props)=> <Component {...props} />;
// 此处调用高阶函数 传入一个Child组件 该函数返回一个组件并赋值给HocRender
const HocRender = hocFunction(Child);

export default class App extends React.Component {
  render() {
    return (
        // 此处进行传参
        <HocRender name="sujie1"/>
    );
  }
}