So übergeben Sie Informationen von einem untergeordneten Element zurück an sein übergeordnetes Element

In diesem Beispiel erstellen Sie eine einfache Kombination aus übergeordnetem und untergeordnetem Element, die einige einfache Daten vom untergeordneten Element über einen Funktionsparameter zurückgibt.

• Erstellen Sie zunächst ein einfaches untergeordnetes Element mit einem Eingabeelement mit der Eigenschaft onChange, um eine lokalisierte Zustandsvariable auf ihren aktuellen Wert zu aktualisieren.

• Dies ist das Barebone-Element und muss über die Funktionalität verfügen, an sein übergeordnetes Element zurückgegeben zu werden. Nachfolgend unsere Ergänzungen zum Element, einschließlich des Hinzufügens einer neuen Schaltfläche zum Senden von Daten an das übergeordnete Element, wobei onClick auf eine lokale Funktion verweist, die eine Funktion aufruft, die nun an dieses untergeordnete Element übergeben wird.

• Der nächste Schritt besteht darin, das übergeordnete Element zu erstellen, das eine einfache Zustandsvariable zum Speichern der zurückgegebenen Daten und eine lokale Funktion verwendet, die vom untergeordneten Element aufgerufen wird. Die Daten, die von der untergeordneten Funktion zurückgegeben werden, werden nach oben an ihren „Handler“ – handleDataFromChild() – übergeben und dann in unserer lokalen Statusvariablen festgelegt. Auf diese Daten kann nun im gesamten übergeordneten Element zugegriffen werden.

Vielen Dank, dass Sie sich die Zeit zum Lesen genommen haben, und vergessen Sie nicht, meine Lernreise hier auf dev.to zu verfolgen und alles Neue zu kommentieren, das ich in der React-Welt untersuchen sollte!

Das obige ist der detaillierte Inhalt vonSo übergeben Sie Informationen von einem untergeordneten Element zurück an sein übergeordnetes Element. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!