Iterating over an Array

DEX602 - Unit 2 Introducing Lightning Web Components

📄 第 116 页 🎬 视频课程

课程章节介绍

让我们来聊聊这个例子。想象一下,你有一个学生名单,这个名单里包含了每个学生的ID和名字。在Salesforce中,我们通常会用一种叫做“迭代”的方式来处理这样的列表。 在这个例子里,`studentList`就是我们的学生名单,它是一个数组,里面存放着每个学生的信息。现在,我们想要在网页上展示这些学生的信息,怎么办呢?我们可以在`studentTiles.html`文件中,使用一个循环来遍历这个`studentList`数组。 每次循环时,我们都会为数组中的每一个学生创建一个`student-tile`,这就像是为每个学生制作一个小卡片,卡片上会显示学生的ID和名字。 这里有一个小细节需要注意,那就是`key`的使用。`key`是一个特殊的属性,它帮助Salesforce识别每个`student-tile`是唯一的。如果你忘记加`key`,虽然代码还是可以运行,但你的浏览器控制台会显示一个错误,提醒你缺少了`key`。 所以,记得在使用循环创建组件时,给每个组件加上一个唯一的`key`,这样可以帮助Salesforce更高效地管理和更新这些组件。这样,你的网页就会更加流畅,用户体验也会更好。