在 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;

这是正确的方法还是我应该使用state. 我想让它尽可能简单。但我明白了。

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

PS：我没有任何其他单独的组件或代码。一切都在班级内部。

Answer 1

您需要使用map，

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