欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

新玩具,React v16.7.0-alpha Hooks

程序员文章站 2022-06-24 08:51:32
周五看见React v16.7.0 alpha Hooks,今早起来看见圈里已经刷屏了Hooks,正好周末,正好IG和G2的比赛还没开始,研究下。。。 刚刚接触react时候非常喜欢用函数式组件,因为太简洁了写起来非常快,然后然后。。写到后面发现很多自己以前写的组件需要改。。为什么呢,因为自己当时写 ......

周五看见react v16.7.0-alpha hooks,今早起来看见圈里已经刷屏了hooks,正好周末,正好ig和g2的比赛还没开始,研究下。。。

刚刚接触react时候非常喜欢用函数式组件,因为太简洁了写起来非常快,然后然后。。写到后面发现很多自己以前写的组件需要改。。为什么呢,因为自己当时写的时候考虑的不周到,后期发现很多地方都需要生命周期和状态来进行渲染优化,然后就是大量修改函数式为classcomponent。所以现在起手一般都是classcomponent,只有极简单的组件用函数式比如列表item啥的。

现在有了hooks,"hooks" 本意是”钩子“的意思。在 react 里,hooks 就是一系列特殊的函数,使函数组件 (functional component) 内部能够”钩住“ react 内部的 state 和 life-cycles。

✌️ rules of hooks

  • 只能在顶层调用hooks 。不要在循环,条件或嵌套函数中调用hook
  • 只能在functional component中使用