logo

该视频仅会员有权观看

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

¥
199
/ 年

在 React 组件中显示列表

  • 在Rex组件中可以将一组数据转换成列表界面。
  • 有一个名为"post mist"的State表示内容列表,值为包含有id、content和author字段的对象数组。
  • 使用TypeScript定义类型"post miss item"来描述列表中的每个数据项目,包含number类型的id和string类型的content与author。
  • 在组件状态中添加了"post list"类型,其值类型为"post list item"数组。
  • 通过.map方法将"state post beast"数组转换为一组React元素,生成内容列表界面。
  • 列表项目内部包含显示内容和作者的元素。
  • 在列表渲染时需要为每个项目添加唯一的key属性,使用项目的id作为key值解决了控制台中报的错误。