踩坑笔记（十）：在jsx中遍历forEach与map的区别

煲仔灬饭

于 2020-12-29 22:07:14 发布

阅读量1.8k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： React 踩坑笔记文章标签： reactjs

本文链接：https://blog.youkuaiyun.com/weixin_43339112/article/details/111937928

踩坑笔记同时被 2 个专栏收录

17 篇文章

订阅专栏

React

5 篇文章

订阅专栏

博客介绍了在React JSX语法里对数组遍历的情况。数组遍历有forEach和map两种方式，但JSX语法需return返回内容，forEach无返回值，map可设置返回值，因此在JSX中只能用map方法进行遍历。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在React JSX语法中，有时需要对数组或对象等进行遍历，数组的遍历有2种方式：forEach和map；
但是需要知晓，JSX语法最终是要return返回html标签或对应内容的，而数组的遍历方法中forEach没有返回值，重在执行；map可以设置返回值。所以，在jsx中只能使用map方法进行遍历，需要知晓！

{newDepart.map((element, index) => {
  return (
   <a key={index} onClick={() => this.handleRecomdDepartClick(element)}>{element}</a>
   )
})}