react异步更新组件

Question

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的数据层框架

Answer 1

先说一下，你获取列表的时机有问题，应该在删除成功后再获取。还有你两个请求的id本来就不应该是同一个id吧？一个是被删除的图片的id，另一个不清楚是啥，但不应该还是根据被删除的图片id去请求列表。最后，react组件未更新应该只可能是由于接收到的props或内部的state没有变化，再或者就是shouldComponentUpdate返回false。你查一下删除前后获取的列表数据有没有区别？