循环数据库结果反应

Question

所以我有一个表，就像这样：

render() {
return (
<table id="customers">
{/* <% if(data.length){ 
for(var i = 0;i < data.length;i++) { %> */}
<tr>
<th>Name</th>
<th>Email</th>
<th>Message</th>
</tr>
<tr>
<td>Alfreds Futterkiste</td>
<td>Maria Anders</td>
<td>Germany</td>
</tr>
</table>
);
}

我能够将数据传递到前端，但是，我希望能够循环遍历表中的数据。我知道这在ejs中是可能的，但反应完全不同。

感谢4的帮助：(

Answer 1

你可以试试这个。

render() {
return (
<table id="customers">
​<tr>
​<th>Name</th>
​<th>Email</th>
​<th>Message</th>
​</tr>
{data.length? data.map((item, key)=>{
return <tr>
<td>{item.name}</td>
<td>{item.email}</td>
<td>{item.message}</td>
</tr>
}):""}

</table>
);
}