Class Project – Grid View

DEX602 - Unit 1 Introducing the Course

📄 第 17 页 🎬 视频课程

课程章节介绍

让我们来聊聊这个课堂项目中的网格视图。想象一下,你有一个图库视图,它以一种方式展示学生的信息,比如照片和名字。现在,你想添加一个网格视图,它可能以另一种方式展示同样的信息,比如更紧凑的列表形式。 这里的关键点是,虽然视图不同,但它们展示的是同一组学生的信息。那么,我们如何设计我们的组件架构来支持这一点呢? 答案是,我们应该把数据存储在父组件中。父组件就像一个中央仓库,它持有所有学生的信息。然后,这个父组件会把数据传递给两个子组件:一个是图库视图,另一个是网格视图。 这样做的好处是,无论你在哪个视图中查看学生信息,数据都是同步的。如果你在一个视图中更新了信息,另一个视图也会自动更新,因为它们都是从同一个父组件获取数据的。 所以,总结一下,通过将数据存储在父组件中并传递给两个子组件,我们可以确保信息的一致性,同时保持组件的清晰和可维护性。这样,无论用户选择哪个视图,他们都能看到最新、最准确的信息。