handleSubmit = () => {    this.setState({ modalState: false })    this.state.codeToClass.forEach((code, classId, map) => {      const cr = _.find(this.state.classRoles, { id: classId })      if (code === cr.classCode) {        console.log('here')        this.setState(state => ({           classRoles: state.classRoles.map((cc) => {            console.log(cc.id)            console.log(classId)            console.log(cc.id === classId)            if (cc.id === classId) {              console.log('here1')              return {                ...cc,                role: 'TA',              }            }            console.log('what')            return cc          }),        }), ()=> console.log(this.state.classRoles)) //this is called later              } else {        NotificationManager.error('Failed to register as TA.')      }    })    console.log(this.state.classRoles) //this is called first    this.state.classRoles.forEach((c) => {      if (c.role === '') {        api.deleteClassUser(c.id, this.state.user.id)      } else {        api.postAddClass(c.id, this.state.user.id, c.role)        console.log(c)      }    })    EventEmitter.publish('currentlyEnrolled', this.state.classRoles)  }我正在嘗試在第一個 forEach 完成后運行第二個 forEach，即狀態已更新。但它一直按這個順序運行。有沒有辦法來解決這個問題？