KristoferSelbekk 译者
王强
大家都认为未来是Hook的时代:用Hook编写React代码的时光多么美好!我们都喜欢“useThis”和“useThat”,享受着这项新React功能给生活带来的乐趣。
结果突然有一天经理让你修一些以前代码里的bug,说不定就是年12月你自己写的一堆乱糟糟的垃圾代码。于是你就得返回去看什么类组件、生命周期、this这些东西了。明明你昨天写的hook一瞬间就能解决这个bug,但是由于类组件不支持hook,你只能卡在“老路”上痛苦不堪了。怎么办呢?
本文将展示处理这类情况的两种技巧:从Hook创建HOC,以及从HOC创建Hook。
什么是HOCHOC(或称高阶组件)是一个函数,它会接收一个组件并返回一个组件,还会使用一些额外的props或功能呈现传递的组件。这里有一份详细说明它原理的React文档: