React之高阶组件

React之高阶组件

注意：本章节运行环境在React项目构建章节之上。

高阶组件

1. let Root = props => <div>{props.schoolName}</div>;如果要在Root组件进行增强，例如将Root外部再加入其它div。

   import React from 'react';
   import ReactDom from 'react-dom';
   
   let Wrapper = function (Component){
        
   function _wrapper(props){
        
       return (
       <div>
           {
        props.scholName}<hr />
           <Component />
       </div>
       );
   }
   return _wrapper;
   }
   let Root = props => <div>Root</div>;
   
   let NewComp = Wrapper(Root) //返回一个包装后的元素
   
   ReactDom.render(<NewComp scholName="xdd" />,document.getElementById("root"