【React】Reactでmap型の要素をループしてテーブルを作成する

<div> <table border="1" width="500" cellPadding="0"> <th>No</th> <th>Name</th> <th>Status</th> {this.state.pods.map((pod) => <tr> <td>{pod.id}</td> <td>{pod.metadata.name}</td> <td>{pod.status.phase}</td> </tr> )} </table> </div>