javascript - JavaScript如何从地图数组中获取长度
问题描述
我是 JSX 的新手,我正在尝试获取每个团队this.state.teams[0].employee.length
的员工数量,这会给我[0]
数组中对象的员工数量,我怎样才能获得每个团队的员工数量并且只渲染一次?
render() {
const {teams, isLoading} = this.state;
const { location } = this.props;
if (isLoading) {
return <p>Loading...</p>;
}
// console.log("Number of Employees team", this.state.teams[0].employee.length);
const teamList = teams.map(team => {
console.log("TEAM Employees", teams[0].employee.length);
return <tr key={team.id}>
<td>
<div className="tableContent">
<div>
{team.name}
</div>
<div>
<ul>{team.employee.map(employee => {
return <li key={employee.id}>{employee.name}: {employee.email}</li>
})}</ul>
</div>
<div>
{team.employee.map(employee => {
return <li key={employee.id}>{teams[0].employee.length}</li>
})}
</div>
</div>
</td>
</tr>
});
解决方案
您可以为特定团队尝试此操作:
const teamList = teams.map(team => {
console.log("TEAM Employees", team.employee.length);
}
或所有团队中的员工人数:
const numberOfAllEmployees = teams.map(team => team.employee.length).reduce((a,b) => a + b);
推荐阅读
- video - ProRes 422 HQ 中如何包含隐藏式字幕 (CEA-608)?
- javascript - 获取数组中不在对象值中的项
- python-3.8 - pyttsx3 未知语音ID
- c# - 如何让变量每秒异步上升 1?
- python - 基于文本的 RPG 的战斗序列
- javascript - 如何在 Vuejs 中获取路径的当前名称(例如“this”值)?
- apache-spark - 使用 DBR 7.3.x+ 将 XML 文件加载到 PySpark 中的数据框
- excel - 没有 VBA 的 Excel:如何从列中创建序列号跟随模式
- floating-point - GAS 汇编器打印浮点数
- redis - 使用 Digital Ocean 托管实例的 Redis 性能