javascript - 在 reactjs 中使用 forEach 读取数组元素

Question

这个问题在这里已经有了答案:





Loop inside React JSX

(79 个回答)


3年前关闭。




我是 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>
  })
}