React高阶组件(HOC)的入门及实践

文章预览

高阶组件的基本概念（是什么?） 高阶组件（HOC，Higher-Order Components）不是组件，而是一个 函数 ，它会接收一个组件作为参数并返回一个经过改造的新组件： const  EnhancedComponent = higherOrderComponent(WrappedComponent); 需要区分的是，组件是将  props  转换为 UI，而高阶组件是将组件转换为另一个组件。 高阶组件是 React 中用于复用组件逻辑的一种高级技巧。 使用高阶组件的原因（为什么?） 在业务开发中，虽然不掌握高阶组件也可以完成项目的开发，但是如果我们能够灵活地使用高阶组件，可以让项目代码变得更加优雅，同时增强代码的复用性和灵活性，提升开发效率。 同时，了解高阶组件对我们理解各种  React.js  第三方库的原理很有帮助。 关于高阶组件能解决的问题可以简单概括成以下三个方面： 抽取重复代码，实现组件复用，常见场景：页面复 ………………………………