背景
*最近在做项目时遇到表单数据获取问题,
用户首先在申报者下拉框中选择数据,并根据这个数据向后台发送请求获取这条数据的详细信息,再根据返回的详细信息来生成项目所属阶段下拉框的数据。
这种需要实时使用的数据可以在dispatch时增加callback函数,返回获取数据成功后拿到的数据。
函数定义处代码如下:
handleChooseSchool=(value)=>{ const that = this; const {dispatch}=this.props; dispatch({ type:'EduMangeProjectsModel/getUser', payload:{ id:value }, callback : (res) => { this.handleSchoolUserChange(res); }, }, ) };
相应model下函数定义如下:
*getUser({payload,callback},{call,put}){//将callback作为参数传入 const response=yield call(UserSettingService.getUser,payload); if(response.code===0){ yield put({ type:'save', payload:{ schoolUserDetail:response.data } }) if (callback && typeof callback === 'function'){ callback(response.data);//返回response中的该条信息详细数据 } } else{ message.warning('获取信息失败') } return response; },