javascript - 从 props.object 在桌子上反应显示道具
问题描述
我有一个反应组件,我在道具中传递数据:
<Mycomponent names={[{name: 'peter'},{name: 'pan'}]} />
然后我有一个组件,它有一个表格,我想在其中显示数据
这是组件
import React from 'react';
const Mycomponent = (props) => <div>
<table>
<thead>
<tr>
<th>Name</th>
</tr>
</thead>
<tbody>
<tr>
<td>{ props.names }</td>
</tr>
</tbody>
</table>
</div>;
export default Mycomponent;
如何循环并显示 a 中的每个名称<tr><td>{props.names.name}</td></tr>
?
解决方案
<tbody>
{
props.names.map( ({name}, i) => <tr key={i}><td>{ name }</td></tr> )
}
</tbody>
将遍历所有 props.names 并为每个返回一个 tr
推荐阅读
- javascript - 使用 (Q's) deferred.resolve,我可以看到 resolve 最终将值返回到哪里吗?
- php - ajax中的php全局变量
- mysql - 在两个日期之间加入 MAX id
- r - 给定特定条件,计算另一个数据框中的条目数
- python - Python - 应用程序和左上角图标
- regex - PowerShell 不是组成员
- floating-point - 使用错误类型的参数调用外部 Fortran 函数时会发生什么?
- ios - iOS 中 AVCaptureDevice torchLevel 的范围是多少?
- mysql - 环回过滤器不在日期之间
- .net - Windows 10 桌面应用程序上的自定义标题栏颜色