从外部获取数据时,如何在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>
Run Code Online (Sandbox Code Playgroud)
我想计算<p>标签内的平均值。注意:以下是续码。
<p className="card-text">Average: {student.grades}</p>
</div>
</div>
</div>
</div>
))}
Run Code Online (Sandbox Code Playgroud)