反应:使用状态
反应:使用状态
让我们谈谈动态 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 版权协议,转载请附上原文出处链接和本声明
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通