1. 列表展示 

<Table columns={columns} dataSource={data} rowKey={(record)=>record.admin_no} pagination={false} />

columns 列的定义，dataSource 显示的数据 ， rowKey 给Table的每行给唯一的key值

pageinition = {false} 将表格Table 自带的分页取消

2. 分页显示

<Pagination

         current={currentPage}

         pageSize={pageSize}

         total={total}

         onChange={handleChangePage}

          />;

current 绑定当前页

pageSize 绑定每页条数

total 绑定总行数

onChange 改变当前页面，执行的方法

3. 删除数据

设置columns时，给删除按钮，添加事件,将传递当前行的id

注： render函数 ，第二个参数record，即为当行的数据

4. 添加数据

 const [form] = Form.useForm();

 使用useForm来操作数据  ， form.resetFields() 重置数据

将Form 与 useForm 绑定

注： 使用了Form.Item 就不能使用defaultValue来初始数据，需要使用Form上的initialValues来初始数据 

表单中，具体的项Form.Item：

注：Form.Item中的name值， 是表单提交时，传入对象的键名，为当前表单项输入的值

5. 修改数据

使用useForm 与 Form 关联

加载组件时，使用form.setFieldsValue 显示对应的值

保存数据，直接提交表单，通过onFinish的参数，直接获取表单的输入

注： 一定要使用Form.Item将表单元素包裹起来，且指定name属性

苟有恒 , 何必三更眠五更起

关注我，一起学习吧