如何编写for循环 - 类似于JSX？

Question

我试图将React中的所有数组成员附加到前端，如下所示：

          <td>{this.state.personData.results[0].name.toString()}</td>
          <td>{this.state.personData.results[0].birth_year.toString()}</td>

如何编写一个for循环，使我能够执行上述操作，并循环遍历数组中的所有元素？

Answer 1

使用array.map功能。 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map

{
  this.state.personData.results.map(result => (
    <td key={result.name}>{result.name.toString()}</td>
    <td>{result.birth_year.toString()}</td>
  ))
}