react循环map的方法：首先打开相应的代码文件；然后给子元素添加一个key作为唯一的标识；最后使用map遍历即可。

本教程操作环境：windows7系统、react17.0.1版本、Dell G3电脑。

推荐：react视频教程

react中的map遍历

React 组件生成器

根据项目规范生成 React 和 Vue 组件，包括 TypeScript 类型定义、Ant Design 5 集成、Tailwind CSS 样式及 Vitest 测试文件。当用户提出创建、生成或搭建前端组件的需求时启用，例如：“帮我写一个表格组件”、“生成一个弹窗”、“create a form component”、“写一个列表页”、“生成一个下拉选择器”。该能力在以下任一场景触发：涉及 React/TSX/Vue 组件生成、UI 组件创建，或为组件生成测试文件。

下载

    {         this.state.reward.map(function (item) {             return (                 
•                     
  {item.num}
                      
  {item.username}
                      
  {item.rward_time}
                  
            )})     }

tips:使用map遍历时,需要给子元素添加一个key,作为唯一的标识,而且key值必须要连续