Reagieren Neuling: Freigeben von Status über nicht verknüpfte Komponenten

Ich bin ein React-Neuling, der versucht, React in eine Rails-Site zu integrieren. Ich habe eine CommentForm -Komponente ganz oben auf der Seite / html und eine Comments -Komponente am Ende derselben Seite. Derzeit werden beide über die Methode " react_component " von React-On-Rails gerendert.

Das Problem ist, dass ich nach dem Senden eines Formulars in CommentForm gerne this.state.comments in der Comments -Komponente ändern möchte. Ich bin mit der Idee vertraut, sicherzustellen, dass der Staat in eine gemeinsame Elternkomponente übergeht, aber derzeit haben diese beiden Komponenten kein gemeinsames Elternteil (oder überhaupt Eltern).

Also, mit dem Haftungsausschluss, den ich gelernt habe Reagieren für alle 2 Tage und bin wahrscheinlich sehr verwirrt, was ist Best Practice für die Überwindung dieser Art von Problem? Optionen wie ich sie sehe:

• Schreiben Sie die gesamte Schienenansicht als einzelne übergeordnete Komponente mit den beiden Komponenten als untergeordnete Elemente neu. Das hört sich nicht nach Spaß an - es gibt eine Menge HTML, die von vielen Rails-Helfern zwischen den beiden Komponenten auf der Seite generiert wird.
• Verwenden Sie Redux, um einen Speicher zu erstellen, der von den zwei Komponenten (???)
geteilt wird
• Irgendwie erstellen Sie eine übergeordnete Komponente, während Sie immer noch die beiden anderen Komponenten in separaten Teilen der Seite (?)
darstellen
• Zugriff auf die Statusattribute von Comment innerhalb von CommentForm oder einer freigegebenen Ressource (z. B. window scope), was aus meinem eingeschränkten Verständnis nicht der React Way
ist

Ich vermute, das ist ein häufiges Problem, aber ich bin unsicher, was die allgemeine Weisheit ist, es zu beheben. Irgendwelche Ideen geschätzt.