course_groups && course_groups.length

public/react/src/modules/courses/members/modal/CourseGroupChooserModal.js

@@ -1,4 +1,4 @@
-import React, { useState, useEffect, useRef } from 'react'
+import React, { useState, useEffect, useRef, memo } from 'react'
 import { trigger } from 'educoder'
 import { Input, Checkbox } from "antd";
 import CourseGroupChooser from '../CourseGroupChooser'
@@ -105,4 +105,4 @@ function CourseGroupChooserModal({ course_groups = [], isAdminOrCreator, item, i
         </ModalWrapper>
     )
 }
-export default CourseGroupChooserModal
+export default memo(CourseGroupChooserModal)

public/react/src/modules/courses/members/teacherList.js

@@ -190,6 +190,7 @@ class studentsList extends Component{
       checkBoxValues: [],
       isSpin:false,
       application_list: [],
+      course_groups: [],
       checkAllArray: [],
       filterKey: 1,   // 1 已审批   2  待审批
     }
@@ -666,14 +667,14 @@ class studentsList extends Component{
         `}</style>
         <div className="mt20 edu-back-white padding20 teacherList">
 
-          <CourseGroupChooserModal
+          { course_groups && course_groups.length && <CourseGroupChooserModal
             props={{match: this.props.match, showNotification: this.props.showNotification}}
             record={this.state.clickRecord}
             fetchAll={this.fetchAll}
             course_groups={course_groups}
             visible={this.state.groupChooserModalVisible}
             setVisible={this.setGroupChooserModalVisible}
-          ></CourseGroupChooserModal>
+          ></CourseGroupChooserModal> }
           {filterKey == '1' && <div className="clearfix stu_head" style={{paddingLeft: '15px'}}>
             { isAdminOrTeacher && hasGraduationModule && <Checkbox className="fl" onChange={this.onCheckAll} checked={checkAllValue} >已选 {checkBoxValues.length} 个</Checkbox> }
             { filterKey == '1' && <div className="studentList_operation_ul">