UI组件 - Ant Design - 1

1 基础表格

const data = [{..}, {..}, {..}]   // 每条列表的详细数据

const columns = []   // 标题列表, 就是表格的标题栏渲染


<Table   
  columns={columns}   // 渲染表格标题的数据列表
  dataSource={data}   // 渲染每条列表的, 详细信息
  
/>   // 表格渲染

2 表格中使用复选框

1 复选框
  let selectionType = xxx
  <Table rowSelection={{type: selectionType}}   // 渲染复选框的 API


2 选择后进行操作
  const rowSelection = {
    selectedRowKeys,
    onChange: this.onSelectChange,
  }

  <Table rowSelection={rowSelection} columns={columns} dataSource={data} />