Javascript 从外部api获取时，如何在Reactjs中找到平均值？

当从外部获取数据时，如何计算Reactjs中的平均值

正在从中提取数据-

{api.map（学生=>(
{student.firstName}{student.lastName}
电子邮件：{student.Email}

公司：{student.Company}
技能：{student.skills}

我想计算

标记内的平均值。注意：下面是后续代码

<p className="card-text">Average: {student.grades}</p>
          </div>
        </div>
      </div>
    </div>
  ))}

平均值：{student.grades}
))}

您刚刚公开了api，该逻辑不属于UI，但可以

{student.grades.reduce((a, b) => a + parseInt(b), 0) / student.grades.length}

---

创建从数组返回平均值的函数：

getAverage(grades){
    for( var i = 0; i < grades.length; i++ ){
        sum += parseInt( grades[i], 10 ); 
    }
    var avg = sum/grades.length;
    return avg;
}

getAverage（成绩）{
对于（变量i=0；i

并在显示平均值的地方调用它：

<p className="card-text">Average: {this.getAverage(student.grades)}</p>

平均值：{this.getAverage（student.grades）}

---

Do
平均值：{student.grades.reduce（（p，c）=>p+c，0）/student.grades.length}
不起作用@alexshtromberg什么是
api
？@Titus我正在作为道具从父组件传递“api”
<p className="card-text">Average: {this.getAverage(student.grades)}</p>