跟上潮流,把你的React代码从HOC迁

北京中科白癜风医院善行天下 https://m-mip.39.net/news/mipso_6359009.html
    作者

KristoferSelbekk    译者

王强  

大家都认为未来是Hook的时代:用Hook编写React代码的时光多么美好!我们都喜欢“useThis”和“useThat”,享受着这项新React功能给生活带来的乐趣。

结果突然有一天经理让你修一些以前代码里的bug,说不定就是年12月你自己写的一堆乱糟糟的垃圾代码。于是你就得返回去看什么类组件、生命周期、this这些东西了。明明你昨天写的hook一瞬间就能解决这个bug,但是由于类组件不支持hook,你只能卡在“老路”上痛苦不堪了。怎么办呢?

本文将展示处理这类情况的两种技巧:从Hook创建HOC,以及从HOC创建Hook。

    什么是HOC  

HOC(或称高阶组件)是一个函数,它会接收一个组件并返回一个组件,还会使用一些额外的props或功能呈现传递的组件。这里有一份详细说明它原理的React文档:


转载请注明:http://www.aierlanlan.com/rzgz/611.html