|
Post by account_disabled on Jan 4, 2024 0:18:56 GMT -5
如果您遵循本教程,您将不得不使用class– 您实际上别无选择! 有关这方面的更多信息,请考虑阅读 Naman Goel 和 Zach Silveira 撰写的“ Reactponent vs ReactcreateClass ”。 进行必要的更改后,代码块现在应如下所示:对于 React 新手来说,括号内的代码return可能看起来有点古怪,但这不是火箭科学,只是一种称为 JSX 的类似 XML 的旧语法。在这里阅读更多相关信息。 与class实现前相比,var语法消失了。也render: function(){…就是现在而已render(){…。 嘿!Component但你要扩展的是什么?你这样问是对的。如果您现在在 Xcode 中运行该项目,您会收到一条错误消息,Component指出未定义。您可以在这里做两件事:替换Component为Reactponent; 或者在文件顶部的块。 内添加新行(如下所示)。 在此和后面的代码示例中,我将新添加的行括起来,以便您可以更轻松地将您正在编写的代码与此处显示的代码进行比较。只要确保如果您从示例中复制代码,您最终不会与实际代码一起复制。由于 JSX 不支持注释,因此如果您将这些注释 Whatsapp 号码列表 包含在 JSX 代码中,您最终会导致应用程序崩溃。 复制 上面的代码块所做的只是为您节省了几次击键次数。例如,如果您没有在顶部包含这些代码行,则您必须编写ReactAppRegistry而不是AppRegistry每次您想要这样做时都编写。太酷了!不是吗?好吧,没那么多。 返回 Xcode 并再次运行该项目,以确保在此过程中没有破坏任何内容。 一切安好?伟大的!让我们继续。 在类内部SplashWalls,我们需要做的第一件事是添加一个构造函数。在构造函。 数内,我们将初始化状态变量。此时我们需要的唯一两个状态变量是一个数组 -wallsJSON它将存储从 API 获取的所有 JSON 数据,以及isLoading,它是一个布尔变量,意味着它将保存 true 或 false 值。拥有这个状态变量将帮助我们根据数据是否已加载来显示和隐藏加载屏幕。 复制 我们希望在组件成功安装后触发此函数。添加方法。大多数所描述的方法都在SplashWalls类内部——当它们不在类内部时我不会忘记提及。t是一个生命周期方法,在第一次渲染发生后立即触发。 初始渲染生命周期方法调用序列。 初始渲染生命周期方法调用序列。(图片来源: 这里很好地解释了所有 React 组件的生命周期方法。请记住,由于我们使用的是较新的class语法,因此我们可以省略该getInitialState方法。它被替换thisst。
|
|