react-antd計算遍歷數組數據(後端數據)

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;
  }
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章