24、构建CRM与图像识别应用的技术实践

构建CRM与图像识别应用的技术实践

1. 使用React和微服务构建CRM

1.1 添加地址表

在地址标签页中添加表格，使用流行的 ReactTable 组件来显示表格。将以下代码放入 <Row></Row> 部分：

<Col>
  <ReactTable data={this.state.data} columns={columns}
    defaultPageSize={15} pageSizeOptions = {[10, 30]} className="-striped -highlight" />
</Col>

参数说明：
- data ：绑定到 this.state.data ，当状态改变时自动更新表格数据。
- columns ：绑定之前创建的列。
- defaultPageSize ：控制每页显示的行数。
- pageSizeOptions ：允许用户选择每页显示的行数。
- className ：设置为 -striped -highlight ，使表格显示为灰色和白色相间，鼠标悬停时高亮显示当前行。

1.2 添加人员时选择地址

当用户添加人员时，