React Native中 接口请求数量过多 导致406报错的情景剖析

原以为一个页面同时渲染20个接口导致的报错，报错信息提示，请求连接数用尽了（rpc-worker-thread-pool）

 

以下是一个请求图片logo的接口getImage报错信息，由于联系人每个人都有自己的头像，受限于原有数据库，只能单独请求每个联系人的头像logo，因此一个页面请求了20多个接口

图片路径  {needReport: true, code: 555, msg: "服务异常", originMsg: "busy, discard message:rpc-worker-thread-pool[Activ…lSize=8, BlockingAtQueue=16/BlockingQueueSize=16]", resStatus: 406}

 

不曾想，这些都不是主要的原因，主要的原因是在api中间层组件中，使用了componentWillReceiveProps生命周期，由于没有限制好执行逻辑，导致了每次props变化，都触发了该生命周期函数，而我们又在该生命周期函数中，再次调用了请求资源的方法（在这里代入的话，就是getImage接口），这就造成了多发送了好几十次请求，资源直接被占用完。。。此问题排查了一天