"2019-03-13 回答 高阶组件(HOC)是一个将组件作为参数并返回一个新组件的函数。他是一种由 React 自身组合性质产生的模式。由于高阶组件接受他的组件参数来动态创建子组件,且不会修改或复制其组件中的任何行为,因此他与纯组件较为类似。 const EnhancedComponent = higherOrder .."

什么是高阶组件?

2019-03-13

回答

高阶组件(HOC)是一个将组件作为参数并返回一个新组件的函数。他是一种由 React 自身组合性质产生的模式。由于高阶组件接受他的组件参数来动态创建子组件,且不会修改或复制其组件中的任何行为,因此他与纯组件较为类似。

const EnhancedComponent = higherOrderComponent(WrappedComponent) 

加分回答

function logProps(WrappedComponent) {
  return class extends React.Component {
    componentWillReceiveProps(nextProps) {
      console.log('Current props: ', this.props);
      console.log('Next props: ', nextProps);
    }
    render() {
      // 用容器包裹输入组件,不要修改它
      return <WrappedComponent {...this.props} />;
    }
  }
}

返回总目录

30 秒面试系列一

感谢    关注    收藏    赞同    反对    举报    分享
回帖    
请输入回帖内容...