在reactjs中用forEach读取数组元素[重复]

Question

我是React的初学者。我有一个非常简单的代码。（还有其他问题似乎与此相同，但它们不是。在标记重复之前，请阅读内容，而不仅仅是标题。）

import React, { Component } from 'react';
class Likes extends Component {
  render() {
    var music=["linkin park", "led zaplin", "regina spector", "bruno mars"];
    return(
    {
      music.forEach(function (value, index, array) {
          <h1>{value}</h1>
       })
      }
    );
  }
}
export default Likes;

我错过了什么。我还应该知道什么。

PS：我没有任何其他单独的组件或代码。所有的东西都在类本身里面。

Answer 1

您需要使用map迭代数组，

{music.map(function (value, index, array) {
    return <h1 key={index}>{value}</h1>
  })
}