DilanthaPrasanjith 译者
王强 策划
李俊辰 Reacthooks已经出来有一段时间了,但是许多React开发人员对它们的态度并不是很积极。我发现这背后主要有两个原因。第一个原因是许多React开发人员已经参与了一个大型项目,需要付出巨大的努力才能迁移整个代码库。另一个原因是大家对React类已经很熟悉了。有足够经验的话,继续使用类会感到更自在。
在本文中,我们将探讨考虑使用ReactHooks的六个原因。
1.扩展函数式组件时,不必将其重构为类组件经常会有这种情况,那就是一个React组件从一个函数式组件开始开发,一开始这个函数式组件只依赖props,后来演变为具有状态的类组件。从函数式组件更改为类组件需要一些重构工作,具体取决于组件的复杂程度。
使用ReactHooks时,由于函数式组件具有进入状态的能力,因此重构工作会非常少。来看以下示例,这是一个哑组件,它会显示一个带有计数的标签。exportfunctionShowCount(props){return(divh1Count:{props.count}/h1/div);}
ShowCount函数式组件
假设我们需要通过点击鼠标来增加计数,并假设这只会影响这一个组件。第一步,我们需要将状态引入组件。我们看一下如何使用基于类的方法。exportclassShowCountextendsReact.Component{constructor(props){super(props);this.state={count:0};}