24、使用 React 和微服务构建 CRM 及图像识别相关技术解析

使用 React 和微服务构建 CRM 及图像识别相关技术解析

1. 使用 ReactTable 组件显示表格

在地址标签页中添加表格，可使用流行的 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 ，使表格显示为灰色和白色相间的