我有一个api，可根据某处的国家/地区提取名称（用户名）。
/names/{countryName}
，用户界面有两个标签-Australia和India。为此，我在react中使用了实质性的ui标签。
用户单击印度后，它将呼叫/names/India并获取名称列表（接近200个）。同样，它适用于澳大利亚。
当调用后端时，我在前端显示一个加载程序。然后，将结果存储在状态为names的对象中。 names['India']和names['Australia']是一个200个值的数组。这些名称显示在带有名称的表格中，以及根据名称生成的随机图像。而且一切正常。
当用户来回切换选项卡时，问题开始。由于状态中已经有数据，因此不会进行新的调用。但是即使那样渲染也很慢。它会保留在旧选项卡上，直到呈现新选项卡中的数据，然后才切换到新选项卡，这会误导最终用户。
我当时在考虑使用react-window-infinite-loader，但是当您逐页获取数据并且api以这种方式返回数据时，这会更加有用。但是现在，数据仍处于状态中。为什么要花这么多时间来渲染它，我该如何避免呢？