10、构建个人联系人管理器与照片画廊应用

构建个人联系人管理器与照片画廊应用

一、使用 React 构建个人联系人管理器

1.1 为 PersonalDetails 类添加数据库支持

要为 PersonalDetails 类添加数据库支持，需要完成以下几个步骤：
1. 添加成员变量 ：

private readonly dataLayer: Database<PersonRecord>;
private people: IPersonState[];

2. 更新构造函数 ：连接数据库并使用 PersonalDetailsTableBuilder 创建 TableBuilder 。

const tableBuilder : PersonalDetailsTableBuilder = new PersonalDetailsTableBuilder();
this.dataLayer = new Database(tableBuilder.Build());

3. 在 render 方法中显示人员信息 ：使用 map 方法遍历