高阶组件

高阶组件(HOC)是react的高级概念。HOC与高阶函数等价,它接受任何输入-多数情况下是一个组件,返回一个输入组件的增强版本

例如:

function withLoading (Component){
  return function(props){
    return prisLoading ? <Loading /> : <Component {...props}/>
  }
}
简写为
const withLoading = (Component) => ({ isLoading, ...rest }) =>
  isLoading ? <Loading /> : <Component {...rest}/>
 
 
 1 import React from 'react';
 2 
 3 export const Body = ({ children }) => {
 4     return (
 5         <div style={{ overflow: 'hidden', backgroundColor: '#fff' }}>
 6             {children}
 7         </div>
 8     );
 9 };
10 
11 Body.propTypes = {};
12 Body.defaultProps = {};
13 
14 export default Body;

 

posted @ 2018-08-09 11:43  shuaibijian  阅读(199)  评论(0)    收藏  举报