如何处理和呈现多个API响应,组件中包含超过5000个字符串数组

时间:2019-04-29 06:30:14

标签: reactjs

在表单提交时,我正在并行调用1个以上的API,这些API返回大量数据(每个api调用数组中大约有6万到1万个字符串) 以json格式,然后我需要将这些记录显示在不同的引导卡中,作为复选框列表。

任何人都可以指导我如何以及在哪里存储响应数据,以及如何在作为reactjs组件的引导卡中呈现该数据吗?

1 个答案:

答案 0 :(得分:1)

  

方法1:使用简单的API调用

您可以使用简单的API调用获取数据并将其保存在组件的 State 中,可以使用数组并将响应推送到State Array中。

  

方法2::使用REDUX保持状态(如果需要全局访问数据)

您可以使用Redux Thunk中间件并使用 Asynchronous Action Creator 来启动并获取数据,并在其中包含 Synchronous Action Creator 回调以使用reducer更新商店。

概念相同,唯一的区别是现在可以使用Connect

在任何地方访问数据
  

建议:如果可能,尽量不要加载全部数据

仅加载用户可见范围内的数据,并使用Lazy Loading