高阶组件
高阶组件(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;
如何成为一个有思想的程序员?博客未尝不是一个好方法

浙公网安备 33010602011771号