开发者社区 问答 正文

能否给出一个HOC的示例?

能否给出一个HOC的示例?

展开
收起
夹心789 2024-06-19 20:23:18 55 分享 版权
1 条回答
写回答
取消 提交回答
  • "以下是一个HOC的示例:

    javascript
    import React from ""react"";  
    export default function withLoader(Component, url) {  
      return class HOC extends React.Component {  
        // ...(此处省略部分代码)  
        render() {  
          if (this.state.loading) {  
            return <div>Loading...</div>;  
          }  
          return <Component {...this.props} data={this.state.data} />;  
        }  
      };  
    }
    

    在这个示例中,withLoader是一个HOC,它接收一个组件和一个URL作为参数,并返回一个新的组件。新组件在加载数据时会显示“Loading...”,加载完成后则会渲染传入的组件,并将加载的数据通过props传递给该组件。
    "

    2024-06-19 23:05:51
    赞同 1 展开评论
问答地址: