大家开发H5页面，react框架，都用的哪个组件库啊

#每天一个知识点#
问题描述：
项目中有一个功能模块，包含 待办、待阅、已办、已阅 四种状态，使用 Tab标签页 展示，每个 Tab 的标题需要显示对应状态的具体条数（例如：待办(10)）。目前的实现方式如下：
初始化时：调用 4次接口，分别获取 待办、待阅、已办、已阅 的总条数，并赋值到对应的 Tab 标题中。
切换 Tab 时：为了保持数据的实时性，每次切换 Tab 都会再次调用4次接口 更新数据。
还有很多相似的模块功能(贺卡发放-已发放,待发放)

问题痛点：
初始化时调用4次接口，已经感觉有些冗余。
每次切换 Tab 还的调用4次接口，性能开销太大，用户体验也不好。

我的疑问：
接口设计优化：有没有更好的接口设计方式，可以减少接口调用次数？

jym有没有遇到类似问题，是如何解决的？

干食品加工的都知道，用普通烘干机烘葡萄干、红薯干特容易翻车，温度高了烤焦，低了又烘不透。现在的智能控温烘干机就像个贴心管家，放进去的食材，它自己就能根据湿度、品类调整温度。之前用它烘桂圆肉，全程恒温，烘出来又干又香甜，损耗率低了一大截。你们试过这种带智能控温的烘干机吗？