一、什么是React HOC?
React HOC(Higher-Order Component)指的是一种高阶组件,通过包装现有组件来增强组件的能力,使其具有更高的复用性和可维护性。
具体来说,HOC本质上是一个函数,它接收一个组件作为参数,并返回一个包裹了原组件的新组件。使用HOC,我们可以将公共逻辑、状态和属性提取到一个单独的组件中,而不需要在多个组件中重复编写相同的代码。
HOC的工作原理是,通过将组件包裹在一个中间层组件中,这个中间层组件可以访问原组件的props和state,并且可以对其进行修改和增强。
function withLoading(Component) {
return function WrappedComponent(props) {
const [isLoading, setLoading] = useState(false);
return (
{isLoading && Loading...
原创文章,作者:GYHV,如若转载,请注明出处:https://www.506064.com/n/134455.html