[react] 举例说明什么是高阶组件(HOC)的属性代理

Posted 前端小歌谣

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了[react] 举例说明什么是高阶组件(HOC)的属性代理相关的知识,希望对你有一定的参考价值。

[react] 举例说明什么是高阶组件(HOC)的属性代理

function HOC(WrappedComponent) 
  return class HOC extends Component 
    render() 
      const newProps =  type: 'HOC' ;
      return <div>
        <WrappedComponent ...this.props ...newProps />
      </div>
    
  


@hoc
class OriginComponent extends Component 
  render() 
    return <div>这是原始组件</div>
  

个人简介

我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易,
但坚持一定很酷。欢迎大家一起讨论









主目录

与歌谣一起通关前端面试题

以上是关于[react] 举例说明什么是高阶组件(HOC)的属性代理的主要内容,如果未能解决你的问题,请参考以下文章

HOC — react高阶组件

React: 高阶组件(HOC)

react-高阶组件-Hoc

React HOC(高阶组件)

[react] 使用高阶组件(HOC)实现一个loading组件

高阶组件具体用法和使用场景