PHP MySQL jquery HTML CSS
React教程 React Hooks
简介 入门 ES6 ES6 类 ES6 Arrow 箭头函数 ES6 变量 ES6 数组方法 ES6 解构 ES6 扩展运算符 ES6 Modules ES6 三元运算符 渲染 HTML JSX 组件 类组件 道具 事件 条件渲染 列表 表单 Router 备忘录 CSS 样式 Sass 样式 What is a Hook? useState useEffect useContext useRef useReducer useCallback useMemo Custom Hooks

React教程

简介 入门 ES6 ES6 类 ES6 Arrow 箭头函数 ES6 变量 ES6 数组方法 ES6 解构 ES6 扩展运算符 ES6 Modules ES6 三元运算符 渲染 HTML JSX 组件 类组件 道具 事件 条件渲染 列表 表单 Router 备忘录 CSS 样式 Sass 样式

React Hooks

What is a Hook? useState useEffect useContext useRef useReducer useCallback useMemo Custom Hooks
首页 > 大前端 > React >React 教程

React 教程

收藏
分享
浏览7549
更新时间2025-08-20
ES6 变量 ES6 解构

数组方法

有很多 JavaScript 数组方法。

React 中最有用的一个是 .map() 数组方法。

.map() 方法允许您对数组中的每个项目运行一个函数，并返回一个新数组作为结果。

在 React 中，map() 可用于生成列表。

实例

从数组中生成项目列表:

const myArray = ['apple', 'banana', 'orange'];

const myList = myArray.map((item) => <p>{item}</p>)

运行实例 »

学习训练

练习题:

完成数组方法，该方法允许您对数组中的每个项目运行一个函数并返回一个新数组。

const myList = myArray.((item) => <p>{item}</p>)

开始练习

ES6 变量 ES6 解构

相关视频

更多

免费

前端入门_HTML5
初级前端入门_HTML5

64.8万次学习

收藏

免费

30分钟学会网站布局
初级30分钟学会网站布局

24.6万次学习

收藏

免费

CSS视频教程-玉女心经版
初级CSS视频教程-玉女心经版

41.1万次学习

收藏

免费

JavaScript极速入门_玉女心经系列
初级JavaScript极速入门_玉女心经系列

76.4万次学习

收藏

科技资讯

更多
黄仁勋公开表态：AI行业无需出台新的法律或监管规则
苹果iOS 27电池图标丑登热搜！网友吐槽安卓味太重
出手就是6个亿！oppo新旗舰搭载全球首个三 2亿镜头群
iPhone 18系列全球开卖，首尔、新加坡门店排起长队
影视飓风Tim要买510万元太空船票！终极目标是去火星
豆包手机遭狂抢！努比亚NaviX Ultra首销一秒破亿
张雪机车官宣摩博会“五车齐发” 820X、600V等将亮相
马斯克月球城计划落空！研究称100万人2.4年喝光月球水
MLPerf五项第一！纯国产AI存储首次跻身全球第一梯队

24小时阅读榜

更多

1

如何将 Go 语言中 map 的键高效转换为字符串切片并拼接

2

Python 泛型类中解决重载方法在内部调用时的类型检查错误

3

如何用 while 循环配合用户输入持续运行 Python 程序并安全退出

4

Go 中结构体字段导出规则详解：如何正确访问其他包中的结构体字段

5

如何使用 Firego 从 Firebase 实时数据库获取指定子节点数据

6

Go 中如何正确将结构体传递给接受接口类型参数的函数

7

Bootstrap 5 中模态框 CSS 变量的正确使用方式

8

Go 中结构体字段导出规则详解：如何正确访问其他包中的结构体成员

9

Python泛型类中解决重载方法在内部调用时的类型检查错误

10

Django Ninja 模型序列化常见错误：正确声明 API 响应类型

11

如何使用 CSS 将文字精确居中覆盖在图片上

12

Go语言中死锁判定的核心机制：为何并非所有阻塞就等于deadlock

13

如何通过内存填充避免 Go 语言中的伪共享问题

14

如何正确使用四元数进行ECI与体坐标系之间的向量坐标变换

15

如何使用 Go 语言通过 Firebase Admin SDK 创建认证用户

精品课程

更多
PHP实战天龙八部之微信支付视频教程
PHP实战天龙八部之微信支付视频教程

共5课时

18万人学习

PHP实战天龙八部之仿爱奇艺电影网站
PHP实战天龙八部之仿爱奇艺电影网站

共49课时

82万人学习

前端入门_HTML5
前端入门_HTML5

共29课时

64.9万人学习

CSS视频教程-玉女心经版
CSS视频教程-玉女心经版

共25课时

41.2万人学习

JavaScript极速入门_玉女心经系列
JavaScript极速入门_玉女心经系列

共43课时

76.6万人学习

独孤九贱(1)_HTML5视频教程
独孤九贱(1)_HTML5视频教程

共25课时

64.1万人学习

独孤九贱(2)_CSS视频教程
独孤九贱(2)_CSS视频教程

共22课时

24.3万人学习

独孤九贱(3)_JavaScript视频教程
独孤九贱(3)_JavaScript视频教程

共28课时

36.2万人学习

独孤九贱(4)_PHP视频教程
独孤九贱(4)_PHP视频教程

共89课时

133.1万人学习

热门下载

更多
phpStudy 2018最新版
phpStudy 2018最新版

集成PHP7，16种组合，超全大合集

下载
vc9-vc14（32+64位）运行库合集（链接在下方）
vc9-vc14（32+64位）运行库合集（链接在下方）

phpStudy安装所需运行库集合下载

下载
VC9 32位
VC9 32位

VC9 32位 phpstudy集成安装环境运行库

下载
VC11 32位
VC11 32位

VC11 32位 phpstudy集成安装环境运行库​

下载
php程序员工具箱完整版
php程序员工具箱完整版

程序员工具箱 v1.0 php集成环境

下载
VC14 32位
VC14 32位

VC14 32位 phpstudy安装环境运行库

下载
SublimeText3汉化版
SublimeText3汉化版

中文版，非常好用

下载
Notepad++ Windows版
Notepad++ Windows版

Notepad++ 8.9.7 Windows版官方安装包，适合 Windows 用户进行代码编辑、文本处理、语法高亮和插件扩展配置。

下载
phpStudy V8.1（Win64位）（已支持php8）
phpStudy V8.1（Win64位）（已支持php8）

Win64位，支持php多版本共存

下载
提交