从API中为大数据集的状态准备数据

Question

我找不到这个问题的答案。不知道这是不是很明显，我想得太多了，或者我问错了问题。

基本上，我试着用React (第一个项目)构建一个应用程序，在这个应用程序中，我可以获得英雄联盟的比赛历史(例如，全年的300场比赛--甚至可能是他们所有的比赛)。显然，每一场比赛都包含一些关于它的数据(持续时间等)。

现在，我想循环这些匹配，并准备一些数据，以用于应用程序的不同部分。例如，我想数一数球员在不同的冠军上打了多少场比赛，他们的统计数据，赢球率等等。我不知道我应该在哪里做数据处理。应该是在我从API中得到数据之后吗？或者，也许只有当我需要呈现一个组件与那些冠军的总结？-第二次对我来说没有什么意义，因为我们假设我将不得不再次通过这300匹配在应用程序的不同部分，以处理一些其他信息。另一方面，我想预先收集所有这些数据，并将其保存到状态，以防万一，这是过火了。

请告诉我一些方向。

Answer 1

在我看来，你需要某种全球性的国家管理者。

我知道的选项是React的useContext、Mobx和Redux。

如果您只需要几个变量或少量数据--应该使用React的上下文Hook：https://reactjs.org/docs/hooks-reference.html#usecontext

否则，最常见的是使用Mobx或Redux。

https://mobx.js.org/README.html

https://redux.js.org/

(据我所知，Redux比Mobx更难学习和使用，但更好。)

在任何情况下，您都会将获取的数据保存到所述管理器中的一个变量中，并在任何时候、任何地方访问它。

，然后您可以处理它。当需要时处理它，并将其保存在所有数据旁边是有意义的。

Answer 2

它实际上取决于有效负载/数据的大小。

由于有效载荷很重，你将不得不大量装载。，是什么意思？假设您有一个有100,000行的表，并且有一个分页选项卡，让我们一次看到1000行数据。在这一点上，我会考虑在每1,000 / 5,000/ X行上“延迟加载”数据。再说一次，它取决于大小。

在您的例子中，似乎不会太重。这似乎是公平的，你会加载每个球员的数据，一旦你要求球员的个人资料。它可能感觉像很多信息，但在我看来，它将足以加载它一次，并从那里工作。除非JSON真的很重。

如果需要在不同的组件中使用数据，可以考虑使用Redux，这样会使您的生活更加轻松。