24、构建 CRM 与图像识别应用：从 React 到 Vue 和 TensorFlow

构建 CRM 与图像识别应用：从 React 到 Vue 和 TensorFlow

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

1.1 在 Addresses 标签中添加表格

要在 Addresses 标签中添加表格，可使用流行的 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 ：控制每页显示的行数，这里默认显示 15 行。
- pageSizeOptions ：允许用户选择每页显示的行数，这里提供了 10 和 30 两个选项。
- className ：设置为 -striped -highlight ，使表格显示为灰色和白色