- Wie gehen Sie mit mehreren Onchange in React JS um?
- Wie behandeln Sie mehrere Eingangsfelder in React?
- Wie verwende ich Onchange im Eingangsfeld in React?
Wie gehen Sie mit mehreren Onchange in React JS um?
Zu diesem Zweck verwenden wir den Event -Handler Onchange und führen einen Rückruf aus, der die Statuswerte aktualisiert. Für ein einzelnes Eingabefeld verwenden wir nun einen Handlack -Rückruf. Wenn die Eingabefelder jedoch mehrfach sind.
Wie behandeln Sie mehrere Eingangsfelder in React?
Mehrere Eingangsfelder
Sie können die Werte von mehr als einem Eingangsfeld steuern, indem Sie jedem Element ein Namensattribut hinzufügen. Wir werden unseren Zustand mit einem leeren Objekt initialisieren. Um auf die Felder zuzugreifen, verwenden Sie den Ereignis die Veranstaltung.Ziel.Name und Ereignis.Ziel.Wertsyntax.
Wie verwende ich Onchange im Eingangsfeld in React?
Stellen Sie einen Onchange -Ereignis -Handler auf der Eingabe ein und verwenden Sie das Ziel. Value -Eigenschaft des Ereignisobjekts, das dem Handler übergeben wurde, um den Eingangswert zu erhalten. Die Nachricht wird aktualisiert, wenn sich der Eingabewert ändert. Hier erstellen wir eine Statusvariable (Nachricht), um den Eingabewert zu verfolgen.