1、預期效果:呈現的所有數據都是由後端數據返回數組一條一條計算生成。
後端返回數據格式:
2、
getAttendanceData() {
const { attendanceStatisticsSection: { allClassSingleList } } = this.props;
//定義對象 將自己需要生成的數據屬性定義
const statisticsData = {
totalStudentCount: 0, // 學生總數
........
};
// 遍歷後臺數據 相加
for (let i = 0; i < allClassSingleList.length; i++) {
const obj = allClassSingleList[i];
statisticsData.totalStudentCount += obj.totalStudentCount;
statisticsData.avgAbsenteeismRate += parseFloat(obj.avgAbsenteeismRate);
..............
}
//給浮點數保留兩位小數
statisticsData.avgAbsenteeismRate = `${(statisticsData.avgAbsenteeismRate / allClassSingleList.length).toFixed(2)}`;
// 按自己需求取值 和更新`state`值
const { totalStudentCount,.... } = statisticsData;
this.setState({
............
})
return statisticsData;
}