【React入门实践】结合Ant-Design 从0带你手把手开发包含【列表】和

目录

1. 看页面需求

2. 分析接口文档

3. 参照UI编写页面代码

（1） 列表部分

（2）search查询栏部分

4.初始化页面 - 列表数据显示

5.列表数据按需渲染render

7. 查询功能实现

---

1. 看页面需求

---

分析：页面分为两个核心部分：【搜索栏】【列表】

2. 分析接口文档

---

（1）留言列表接口-主要是在页面初始化时调用。pageNum pageSize为请求参数，非必须。响应参数在list中。

（2）搜索接口 - 但搜索接口一般可以直接使用列表接口即可

3. 参照UI编写页面代码

---

（1） 列表部分

使用封装的组件（代码后附），data={listData}表示列表中绑定listData数据，注意dataIndex需要对照接口返回的参数编写

f