如何多次渲染同一个组件并且所有实例都具有相同的状态

IT技术 javascript reactjs react-native
2021-05-14 11:28:00

我有一个计数器组件作为props在我的应用程序的不同屏幕的各种组件中传递。我想要成功的是在不同屏幕上继续倒计时。我现在所取得的成就是在每个场景中开始倒计时。有任何想法吗?

谢谢!

1个回答

如果您不想为此实现 Redux,您可以使用单例。在这个单例中,您有一个可以用事件发射器扩展的类。只需以您想要的时间间隔发出具有当前状态的事件。

您甚至可以制作一个单例,它只是简单地返回当前状态并让您的组件处理倒计时的其余部分。

最后,最简单的方法是将它置于最顶层组件的状态,然后通过 props 将其传递给所有组件。

我想说的是,有很多方法可以在不实施 Redux 的情况下做到这一点。Redux 将是最好的,但通常对于您使用它的目的来说是过度的。