美文网首页前端
react进阶-高阶组件

react进阶-高阶组件

作者: xhbisme | 来源:发表于2018-04-29 07:51 被阅读2次

    高阶组件

    其实高阶组件的出现,应该感谢javascript支持函数式编程。当我们一层一层的去揭开高阶组件的面纱的时候,发现它并没有很神奇啦。说到底就是一个函数,返回一个组件,组建中套了目的组件。看代码:

    1.用法:

    用法

    2.写法:

    代码太长,分两段吧,显然,这是用的ts:

    第一部分 第二部分

    这里不难发现,用了个库:hoist-non-react-statics。

    这个库可以帮助我们拷贝静态属性。因为静态属性是属于类的,不是属于对象的,高阶组件在渲染后可以拿到目的组件的对象,但不渲染,高阶组件是一个类,静态属性不会自动过去,所以需要拷贝一下。

    相关文章

      网友评论

        本文标题:react进阶-高阶组件

        本文链接:https://www.haomeiwen.com/subject/dpholftx.html