在表单提交时,我正在并行调用1个以上的API,这些API返回大量数据(每个api调用数组中大约有6万到1万个字符串) 以json格式,然后我需要将这些记录显示在不同的引导卡中,作为复选框列表。
任何人都可以指导我如何以及在哪里存储响应数据,以及如何在作为reactjs组件的引导卡中呈现该数据吗?
答案 0 :(得分:1)
方法1:使用简单的API调用
您可以使用简单的API调用获取数据并将其保存在组件的 State 中,可以使用数组并将响应推送到State Array中。
方法2::使用REDUX保持状态(如果需要全局访问数据)
您可以使用Redux Thunk中间件并使用 Asynchronous Action Creator 来启动并获取数据,并在其中包含 Synchronous Action Creator 回调以使用reducer更新商店。
概念相同,唯一的区别是现在可以使用Connect
在任何地方访问数据建议:如果可能,尽量不要加载全部数据
仅加载用户可见范围内的数据,并使用Lazy Loading