logo

该视频仅会员有权观看

立即开通课程「React.js 前端应用开发实践」权限。

¥
199
/ 年

使用请求接口获取到的数据

  • 打开名为poss e e e x x的组件,该组件已经预设好请求内容列表的接口。
  • 创建了名为post的state及其修改器sad post,并初始化为一个空数组。
  • 将数据类型设为在pos type模块定义好的post list,通过sad posts处理响应数据。
  • 准备显示内容列表,声明post miss items,并使用post map方法生成react元素。
  • 元素包含id属性、图像mg元素设置src属性、api路径,并用size参数请求指定大小的图像。
  • 设置图像alt属性,并添加标题、内容和作者信息等div元素。
  • 在react元素的div上添加类名post index和post list以便绑定输出内容。
  • 导入当前目录下的post index的css样式文件,并设置相关的样式。
  • 在浏览器中显示完整的内容列表,数据来自后端服务的接口。
  • 必要时删除组件视图中的标题内容。