React是构建前端的最大框架之一,有时直接使用是最好的,但有时需要在不同组件之间共享数据。为此,React由React.Context和React.Reducer管理全局状态。但是,这并不意味着您需要将所有状态都置于全局。 实际上,有时候使用局部状态可能更容易和安全。

在本文中,我们将讨论一种替代方法——将全局状态“移动”到局部状态中。这意味着将全局状态分解为小部分,将它们放在接近引用它们的组件的状态中。

让我们深入探讨这个想法。首先让我们思考一些局部状态和全局状态的差异。局部状态是组件私有的数据,只有组件内部可以访问。全局状态是在应用程序中共享的数据,因此可以在所有组件中访问。

但是,我们可以将这两种状态结合起来。当从组件的角度来看待数据时,一个状态可以是局部的,但从全局角度来看,它可以是全局的。这通常是当我们需要在多个组件之间共享一些数据时,但是这些数据的范围不必是整个应用程序时的一种方法。在这种情况下,我们将数据放在离使用它的组件更近的地方,除此之外,我们应该避免将数据放在应用程序中的太多地方,因为这可能导致不必要的复杂性,并可能引起错误。

最后,让我们总结一下。使用全局状态是不错的,但在某些情况下,如果我们使用本地状态,会使代码更容易,更清晰,并且功能更齐全。对于将全局状态作为局部状态的替代方法,我们说有一些必要的注意事项,使用它可以减少代码中的复杂性并提高性能。

详情参考

了解更多有趣的事情:https://blog.ds3783.com/