2017-12-27 4 views
2

Ich habe eine Gegenkomponente als Prop in verschiedenen Komponenten in verschiedenen Bildschirmen meiner App übergeben. Was ich erreichen will, ist der Countdown, um in den verschiedenen Bildschirmen fortzufahren. Was ich jetzt erreicht habe, ist einen Countdown in jedem Bildschirm zu starten. Irgendwelche Ideen?Wie man mehrfach die gleiche Komponente rendert und alle Instanzen haben den gleichen Zustand

Vielen Dank!

+0

Klingt, als sollten Sie den Countdown zum Redux-Shop hinzufügen. –

+0

yup !! Verwenden Sie den globalen Status als @KevinAmiranoff erwähnt –

+0

Leider verwende ich Redux nicht. –

Antwort

0

Wenn Sie Redux dafür nicht implementieren möchten, können Sie einen Singleton verwenden. In diesem Singleton haben Sie eine Klasse, die Sie mit einem Event-Emitter erweitern können. Senden Sie einfach das Ereignis mit dem aktuellen Status in Ihrem gewünschten Intervall.

Sie könnten sogar ein Singleton erstellen, das einfach den aktuellen Status zurückgibt und Ihre Komponente den Rest des Countdowns verarbeiten lässt.

Schließlich wäre der einfachste Weg, es in den Zustand Ihrer obersten Komponente zu haben und es nur durch Requisiten an alle Komponenten weiterzugeben.

Was ich versuche zu sagen ist, dass es viele Möglichkeiten gibt, dies zu tun, ohne Redux zu implementieren. Redux wird die netteste sein, ist aber oft übertrieben für das, wofür Sie es verwenden.

+1

Aufgrund der App-Logik konnte ich den Status nicht ganz oben haben, aber Singleton hat den Job gemacht! Vielen Dank! –

Verwandte Themen