反应:使用状态

反应:使用状态

让我们谈谈动态 Web 应用程序。 Vanilla.JS(普通的旧 JavaScript)可以实现来制作动态应用程序,但是不如 React 可以。这是因为 Vanilla.JS 没有 useState 特性。 UseState 是一种在代码中存储值并将其传递给 React 中其他组件的动态方式。 UseState 在调用时可以设置为任何值,并且通常设置为空数组或空字符串。

因此,在上面的行中,我们使用 useEffect 钩子获取 db.json 文件(暂时不用担心)。在第 8 行,我们调用了 useState 钩子并将 allPokemon 的原始值设置为一个空数组。然后我们按照标准 GET 请求语法在第 11-13 行获取数据。但是,在第 13 行的末尾,我们使用 setter 函数将 allPokemon 的值更新为从 get 请求中接收到的数据。这只是如何使用 useState 的一个示例,它还有更多用途。基本上大多数时候,当您的 Web 应用程序上的数据发生变化时,您希望使用 useState 以使数据更加动态。

考虑 useState 的另一种方式是上图。使用第一张图片中的 useState 钩子的相同名称,最近的一张图片更详细地解释了状态是如何工作的。每当调用设置函数时,allPokemon 调用将被设置为括号内的数据。

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明

本文链接:https://www.qanswer.top/27096/48211108

posted @   哈哈哈来了啊啊啊  阅读(66)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示