react异步更新组件

react的一个项目,删除照片的功能,在点击删除照片后,需要更新组件,重新获取列表的值,两个函数体请求携带的id不一样,请求都是异步函数,如果根据返回的值再发起第二个请求,id值不同,请教各位大佬,这个是删除照片的函数
handleDelete = id => {

const { dispatch } = this.props;
dispatch({
  type: 'slot/delPhoto',
  id,
});//this.forceUpdate(); setTimeout(this.loadData(),2000)

};

这个是获取列表的函数
loadData(){

const { dispatch, match: { params: { id } } } = this.props;
dispatch({  type: 'slot/fetchAudit',
  id,
});//this.forceUpdate();

}
我想通过this.forceUpdate()来强制更新组件但是无效,下面是请求的两个函数,
*delPhoto({ id }, { call, put }) {

  const response = yield call(delPhoto, id);  if (response.status === true) {
    message.success('操作成功');
  } else {
    message.error('操作失败');
  }
},

*fetchAudit({ id }, { call, put }) {

  const response = yield call(getAuditSlot, id);  if (response.status === true) {    yield put({
      type: 'queryAudit',
      payload: response.data,
    });
  }
},

请教各位大佬,我用的是dva的数据层框架


芜湖不芜
浏览 678回答 2
2回答

qq_花开花谢_0

先说一下,你获取列表的时机有问题,应该在删除成功后再获取。还有你两个请求的id本来就不应该是同一个id吧?一个是被删除的图片的id,另一个不清楚是啥,但不应该还是根据被删除的图片id去请求列表。

眼眸繁星

react组件未更新应该只可能是由于接收到的props或内部的state没有变化,再或者就是shouldComponentUpdate返回false。你查一下删除前后获取的列表数据有没有区别?
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript