10、React Bootstrap 个人联系人管理器与 MEAN 栈照片画廊应用开发

React Bootstrap 个人联系人管理器与 MEAN 栈照片画廊应用开发

1. React Bootstrap 个人联系人管理器数据库接入

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

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

2. 更新构造函数 ：

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

3. 在 render 方法中显示人员信息 ：

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