23、构建MailBag客户端：从基础配置到组件应用

构建MailBag客户端：从基础配置到组件应用

1. 客户端基础配置与状态管理

在构建MailBag客户端时，我们需要进行一些基础配置和状态管理。首先，在调用 getContacts() 方法后，我们可以使用 then() 语法调用 showHidePleaseWait(false) ，让React隐藏等待弹窗。

在状态管理方面， addContactToList() 方法用于将联系人添加到列表中，它的实现与 addMailboxToList() 类似：

addContactToList : function(inContact: Contacts.IContact): void {
    this.setState(prevState => ({ contacts : [ ...prevState.contacts, inContact ] }));
}.bind(inParentComponent)

为了让客户端应用与服务器通信，我们需要在 config.ts 文件中进行配置：

export const config: {
    serverAddress: string, userEmail: string } =
{ serverAddress : "http://localhost", u