UI组件 - ProComponents - ProTable

1 说明

1 文档中有很多代码是让人难以接受的

2 

2 难以接受的代码

  文档 --> const columns: ProColumns<GithubIssueItem>[] = [ ...]   // 可能就是在描述, 你要给我赋值一个数组
  实际 --> columns = [ ...]   // 主要用于设置表头的

  文档 --> <ProTable <TableListItem> columns={
   this.columns}/>   // 某些不合理的 <> 内容可以认为是注释信息
  实际 --> <ProTable columns={
   this.columns}/>

  文档 --> const ref = useRef<ActionType>()   // useRef 都查不到
  实际 --> const ref = React.createRef()   // 理解为, 创建一个自己的 Refs

  文档 --> {
    transform: (value: any) => any }
  实际 --> {
    transform:  }

  文档 --> (action) => ReactNode[]   // 表示数组里面放, 标签元素
  实际 --> () => [<Button>呵呵<Button/>, <Button>哈哈<Button/>]   // 可以没有参数

3 文档常识问题

1 ReactNode --> 表示元素标签

3 组件标签的常用 API 属性

<ProTable 
	headerTitle = ""   // 表格左上边的文字标题 --> 示例中
	bordered   // 布尔属性 --> 表示带边框的表格 --> Ant Design
	actionRef={
   this.actionRef}   // 可手动触发 table 的 reload(重新加载) 等操作 --> ProTable
	formRef={
   this.formRef}   // 也是表单数据域的纽带 --- 和上面的区别暂时不知道 --> ProTable
	rowKey="id"   // 表格行 key 的取值，可以是字符串或一个函数 ---> Ant Design
	search={
   {
   }}   // 是否显示搜索表单，传入对象时为搜索表单的配置, 有一小点明白 ---> ProTable
	pagination={
   {
   }}   // 分页器的相关配置 ---> Ant Design
	toolBarRender={
   ()=>{
   }}   // 渲染工具栏 --> 可在下面的表格头上面添加按钮 ---> ProTable
	columns={
   this.columns}   // 终于是最简单的, 表格列的导航栏, 但是也有不少可操作空间的 --> Ant Design
	request={
   }   // 获取数据源的方法, 只是大致知道干什么的 ---> ProTable
	rowSelection={
   {
   }}   // 表格行是否可选择, 好多配置项, 看不懂, 好难 ---> Ant Design
	expandedRowRender={
   }   // 执法仪管理, 项目里面的, 这可能是个自定义事件  // 确定不以 on 开头是否可以
>


1 actionRef   // 使用流程
-------------------------------------------------------------------------------
  actionRef = React.createRef()   // 组件中定义方法的位置, 创建 Refs
  <ProTable actionRef={
   this.actionRef} />   // 结合上面, 应该是那个重置功能
----------------------