javascript - 从外部 api 获取时如何在 Reactjs 中找到平均值?
问题描述
从外部获取数据时如何在 Reactjs 中计算平均值?
从 - https://www.hatchways.io/api/assessment/students获取数据
{api.map(student => (
<div className="card m-3" style={{ width: "18rem" }}>
<div className="card-body">
<img
src={student.pic}
alt="Student Detail"
className="float-left rounded mx-auto d-block"
/>
<div className="row">
<div className="col text-left">
<h5 className="card-title card-text">
{student.firstName} {student.lastName}
</h5>
<p className="card-text"> Email: {student.email}</p>
<p className="card-text">Company: {student.company}</p>
<p className="card-text">Skill: {student.skills}</p>
我想计算<p>
标签内的平均值。注意:以下是续代码。
<p className="card-text">Average: {student.grades}</p>
</div>
</div>
</div>
</div>
))}
解决方案
您刚刚公开了 api,这个逻辑不属于 UI,但没关系。
{student.grades.reduce((a, b) => a + parseInt(b), 0) / student.grades.length}
推荐阅读
- r - 根据文件名创建文件夹
- visual-studio - Visual Studio:包含所选项目名称的变量?
- reactjs - 在 d3 甘特图矩形上显示更多数据不显示
- android - 带有`android.intent.action`的Android导航组件
- c - 如何在 C 中的文件系统中实现单个间接
- stdin - 在 Spike/PK 上的 RISC-V 程序集中调用 fgets
- postgresql - Vue路由器 - 如何在生产中的新选项卡中打开?
- python - 如何设置条件规则
- javascript - 无法添加或更新子行 SQL 错误
- flutter - 在 searchdelegate 颤振中重建一个小部件