前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >React篇(048)-什么是高阶组件(HOC)?

React篇(048)-什么是高阶组件(HOC)?

作者头像
齐丶先丶森
发布2022-05-12 21:01:34
4590
发布2022-05-12 21:01:34
举报
文章被收录于专栏:前端面试秘籍前端面试秘籍

高阶组件(HOC) 就是一个函数,且该函数接受一个组件作为参数,并返回一个新的组件,它只是一种模式,这种模式是由react自身的组合性质必然产生的。

我们将它们称为纯组件,因为它们可以接受任何动态提供的子组件,但它们不会修改或复制其输入组件中的任何行为。

代码语言:javascript
复制
const EnhancedComponent = higherOrderComponent(WrappedComponent)

HOC 有很多用例:

  1. 代码复用,逻辑抽象化
  2. 渲染劫持
  3. 抽象化和操作状态(state
  4. 操作属性(props
本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2022-01-20,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 前端面试秘籍 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档