So aktualisieren Sie die übergeordnete Komponente, wenn der Status der untergeordneten Komponente (Drittanbieter) geändert wird

Question

Ich verwende die RN-Komponente von Drittanbietern.
Ich benutze diese Komponente wie:

<Component ref={comp => (this.comp = comp)} ... 

Diese Komponente erlauben Sie mir über den Zugriff auf Daten:

this.comp.state.height 

Diese Komponente Teil meiner Komponente ist und mein Problem ist
Ich brauche einige Maßnahmen zu ergreifen wenn dieser Drittkomponentenstatus geändert wird.
Wenn der Status aktualisiert wird, kann meine übergeordnete Komponente diese Änderung nicht erkennen.
Wie kann ich diese Änderung verfolgen (ich kann die Komponente von Drittanbietern nicht ändern)?

Answer 1

Einer der that component's props ist onMessage, die vom Typ Funktion ist.

Unter der Annahme, dass sich die Änderung, die Sie verfolgen möchten, können tun Sie so etwas wie:

<Component 
    ref={comp => (this.comp = comp)} 
    onMessage={this.onMessage.bind(this)} 
    ... 

Und dann in Ihrer Klasse individuelle Komponente, aus denen Sie machen, dass 3rd-Party ein, schließen Sie diese Funktion:

onMessage(data) { 
    // data here is what was sent from window.WebViewBridge.send 
}