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

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

1. React Bootstrap个人联系人管理器

1.1 从PersonalDetails访问数据库

为 PersonalDetails 类添加数据库支持，具体步骤如下：
1. 添加成员变量 ：

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

2. 更新构造函数 ：

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

3. 在渲染方法中显示人员列表 ：

let people = null;
if (this.people) {
  const copyThis = this;
  people = this.people.map(f