JSXのようにforループに似たものを書くには？

Question

私はすべてのアレイメンバーを追加しようとしていますが、このようにフロントエンドに反応：

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

は、どのように私は、配列のすべての要素を通して私は、上記の操作を行うことができますループ、ループのために書くでしょう？

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