资讯专栏INFORMATION COLUMN

【译】什么是React Hooks

lolomaco / 2439人阅读

摘要:原文作者译者博轩于年月的中引入,作为在函数组件中使用状态和生命周期的一种方法。虽然函数组件之前被称为无状态组件,但是的出现,使得这些函数组件可以使用状态。因此,现在许多人将它们视为功能组件。

原文:What are React Hooks?
作者:Robin Wieruch
译者:博轩

React Hooks 于 2018年10月的React Conf 中引入,作为在 React 函数组件中使用状态和生命周期的一种方法。虽然函数组件之前被称为 无状态组件(FSC) ,但是 React Hooks 的出现,使得这些函数组件可以使用状态。因此,现在许多人将它们视为功能组件。

在这篇文章中,我会解释这些 Hooks 背后的动机,React 会发生什么改变,为什么我们不应该恐慌,以及如何在函数式组件中使用常见的 React Hooks,比如 state生命周期

译注:长文预警            
               
                                           
                       
                 

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/109640.html

相关文章

  • ()React hooks:它不一种魔法,只一个数组——使用图表揭秘提案规则

    摘要:它并不是实际在内部的工作方式,而且它只是一个提案,在未来都会有可能发生变化。这意味着,数据的存储是独立于组件之外的。因此,有一个诀窍就是你需要思考作为一组需要一个匹配一致的指针去管理的数组染陌译。 原文地址:https://medium.com/@ryardley/... 译文:染陌 (Github) 译文地址:https://github.com/answershuto/Blog 转...

    fjcgreat 评论0 收藏0
  • 】函数组件和类组件有什么不同?

    摘要:但是,你可能已经注意到,当你试图通过指定依赖数组来优化时,可能会遇到带有过时闭包的错误。这是否意味着闭包是问题所在我不这么认为。到目前为止,我所看到的所有情况下,过时的闭包问题都是由于错误地假设函数不更改或总是相同而发生的。 原文链接:https://overreacted.io/how-ar... 在很长一段时间内,标准答案是class components提供更多的特性(像sta...

    gself 评论0 收藏0
  • 】如何在React Hooks中获取数据?

    摘要:在这种情况下,如果状态发生变化,将再次运行以从获取数据。你可以在内做到在表单中获取数据到目前为止,我们只有和按钮的组合。现在,在获取数据时,可以使用向函数发送信息。例如,在成功请求的情况下,用于设置新状态对象的数据。 原文链接: https://www.robinwieruch.de/r... 在本教程中,我想通过state和effect hook来像你展示如何用React Hook...

    habren 评论0 收藏0
  • 」setState如何知道它该做什么

    摘要:本文翻译自原作者如果有任何版权问题,请联系当你在组件中调用时,你觉得会发生什么当然,会用这条状态重新渲染组件并且更新匹配到的,然后返回元素。如果你之前使用过一些渲染器比如说,你可能知道在页面中使用超过一个渲染器是没什么问题的。 本文翻译自:How Does setState Know What to Do?原作者:Dan Abramov 如果有任何版权问题,请联系shuirong199...

    OldPanda 评论0 收藏0
  • React V16.9来了 无痛感升级 加入性能检测 【-真香】

    摘要:更新日志应对添加以编程方式收集性能测量。在和在将弃用为常见攻击面。添加对事件的支持。在从调用时发出警告,创建循环。在和从错误的渲染器使用时发出警告。 2019年8月8日,我们发布了React 16.9。它包含几个新功能,错误修正和新的弃用警告,以帮助准备未来的主要版本。 showImg(https://segmentfault.com/img/bVbwoB5?w=1728&h=666)...

    zzir 评论0 收藏0

发表评论

0条评论

lolomaco

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<