foreach和map返回值的区别

forEach的返回值为undefined

map的返回值为一个数组

举个例子

<Select style={{ width: '180px' }} placeholder="请选择课程">
  {
    list.map((item: any) => (
      <Option value={item.title} key="alt">{item.title}</Option>
    ))
  }
</Select>

这份代码中，使用list数组来构建选择列表可以正常生成。

但是将map换成foreach后就会显示空数据

比如下面这样

<Select style={{ width: '180px' }} placeholder="请选择课程">
  {
    list.foreach((item: any) => (
      <Option value={item.title} key="alt">{item.title}</Option>
    ))
  }
</Select>

由于foreach的返回值是undefined，所以不能链式调用。