react处理多次请求_短时间内多个请求状态更新，导致react 不能及时响应问题总结...

个人总结

这段时间项目中遇到这样一个问题，旧项目中增加了一个聊天对话的模块，这是其他同学负责的部分，因为要有消息提醒，所以做了个轮询。消息提示因为是页头部分，所以每个模块都会引用到。这是背景。

现象

我负责的详情页部分，因为内容比较多，所以会有3个请求发出，修改的数据内容也比较多，来改变state以改变视图。

本次也只是加了点东西而已，原本是可以正常显示。

本地mock时也没什么问题，发布至测试环境发现数据不能得到渲染。 呈现出来就是页面一片空白。

调试过程

初步判断可能是代码逻辑问题，因为该页面涉及到新建，编辑，不同类型的不同展示情况，同时有编辑之后的预览。所以逻辑比较多

renderCont(type,post,isReview) {

let cont = null

//未获得返回，不渲染

if(!contentType){

return cont

}

//条件一

if(contentType == 1){

//更多省略

cont =

{str && this.getContent(str)}

return cont

}

// 条件二

if(type ==1){

let coverImageUrl = post.get('coverImageUrl')

//。。。