2016-07-12 11 views
1

Ich habe eine <Skylight ref="foo".... /> Komponente in meinem Hauptlayout. Wie zeige ich den modalen Dialog von Skylight von einer Kindkomponente an?Suche nach Elternreferenzen

Ich meine, wie würde ich this.refs.foo.show() in meiner Komponente aufrufen und this.refs.foo Punkt auf die Skylight Komponente machen, die 3 oder 4 Ebenen im DOM ist?

Antwort

1

Sie könnten eine Top-Level-Containerkomponente für modale Dialoge einführen, die ihre untergeordneten Elemente basierend auf dem Status einer Sammlung in Ihrem obersten Speicher auffüllt. Dann könnte die untergeordnete Komponente eine Aktion zum Erstellen eines modalen Dialogfelds senden.

Ich habe etwas ähnliches für Toast-Stil-Benachrichtigungen implementiert; werde ein Beispiel veröffentlichen, wenn ich wieder an einer Tastatur bin ...