So übergeben Sie den Status mit dem Elternelement an die untergeordnete Komponente

8

Gibt es einen Weg, den Zustand von der Elternkomponente zur Kindkomponente zu übergeben:

%Vor%

Ich möchte den übergeordneten Statuswert von der untergeordneten Komponente ändern. In react.js ist es möglich oder nicht?

    
Eniz Gülek 23.10.2014, 06:38
quelle

2 Antworten

2

Sie können die Rampenlichtlösung verwenden, dh eine Funktion vom übergeordneten zum untergeordneten Element übergeben.

Oder Sie können auch Projekte wie React-Cursor verwenden, mit denen Sie einfach den Status ändern können, der von einer übergeordneten Komponente in a übergeben wurde Kind.

Ich habe meinen hausgemachten Rahmen gemacht (Atom-React, einige Details hier ), die auch Cursor verwenden (inspiriert von Om), und Sie können irgendwie leicht 2-way Datenbindung mit Cursorn erreichen, die es erlauben, den von einer Elternkomponente verwalteten Zustand zu manipulieren.

Hier ist eine Beispielverwendung:

%Vor%

Der inputTextCursor ist ein Cursor, der von einer Elternkomponente an eine Kindkomponente übergeben wird, und somit kann das Kind die Daten der Eltern problemlos ändern.

Ich weiß nicht, ob andere cursorbasierte React-Wrapper diese Art von Trick verwenden, aber die Funktion linkCursor wird sehr einfach mit einem einfachen Mix-in implementiert:

%Vor%

So können Sie dieses Verhalten problemlos in React-Cursor

portieren     
Sebastien Lorber 27.10.2014, 11:55
quelle
8

Es gibt , aber in React soll das nicht funktionieren. 2-Wege-Datenbindung ist nicht der Weg in React, Auszug aus den Dokumenten.

  

In React fließen die Daten in einer Richtung: vom Eigentümer zum Kind.

Was Sie also tun möchten, wenn Sie den übergeordneten Status in Ihrer untergeordneten Komponente manipulieren möchten, übergeben Sie einen Listener.

%Vor%     
Henrik Andersson 23.10.2014 06:49
quelle

Tags und Links