Reactjs -数据流

Question

关于在Reactjs中加载数据的位置，我有一个一般性的问题。

主要组件称为App。然后应用程序返回3个组件:页眉、正文和页脚。现在，在主体中，有一个Tab组件，它被进一步细分为几个组件，包括一个称为"grids“的组件。

现在，我希望我的数据(过滤后)显示在网格中。

如果我做错了，请纠正我，但我的想法是：

1. 将主要组件App中的数据加载为状态：
2. 将其传递给身体：
3. 在主体部分中，将其进一步传递为：
4. 在Tabs组件中，将其进一步传递为：
5. 在网格中，编写所有方法来过滤数据，并相应地显示/返回数据。

这是正确的吗？

谢谢

Answer 1

你概述的流程是正确的。另一种方法是使用上下文：一个组件的上下文中设置的任何内容都可供该组件的每个后代使用，而无需设置中间组件的支持。

但是，上下文附带了一个警告

使用上下文会使您的代码更难理解，因为它会使数据流变得不那么清晰。它类似于使用全局变量通过应用程序传递状态。

顺便说一句，为了管理数据，我会使用类似Flux或Redux之类的东西。随着应用程序的发展，直接管理React组件中的数据会很快成为**中的一个难题。另一方面，通量/剩余物的比例很好。