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

Posted 前端小歌谣

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了[react] 使用高阶组件(HOC)实现一个loading组件相关的知识,希望对你有一定的参考价值。

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

function HOC(wrappedComponent) 
   return class extends React.Component 
      render() 
         if(!this.props.data) 
           return (<div>loading</div> )
         
         return <wrappedComponent  ...this.props/>
         
      
   

  个人简介

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





主目录

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

以上是关于[react] 使用高阶组件(HOC)实现一个loading组件的主要内容,如果未能解决你的问题,请参考以下文章

HOC — react高阶组件

React: 高阶组件(HOC)

前端技能树,面试复习第 28 天—— React 综合问题解析 | 实现一个全局 Dialog | React 的设计理念 | SSR | JSX 的原理 | HOC 高阶组件

react-高阶组件-Hoc

是否可以通过使用 HOC(高阶组件)在类组件中使用 React Hooks?

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