Aus dem Kurs: React Grundkurs
Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 25.300 Kurse von Branchenfachleuten.
useId – Tutorial zu React.js
Aus dem Kurs: React Grundkurs
useId
Sie lernen nun, wie Sie mit dem neuen React Hook useID stabile IDs erzeugen können, wie Sie das Verwenden und außerdem, wie sich das unterscheidet, von zufällig generierten IDs. In dieser Applikation haben wir eine beliebige Anzahl an Inputfeldern. Bei jedem Klick erhöhen wir die inputsCount-Nummer in diesem State und dann wird ein weiteres NameInput-Field gerendert. Damit beim Klick auf das Label das entsprechende Input-Feld fokussiert, braucht das Label ein For-Attribut und das muss entsprechend auf die ID des Inputs zeigen. Das hat nichts mit React zu tun, sondern ist gewöhnliche HTML-Funktionalität. Da wir aber beliebige NameInput-Felder haben, brauchen wir eine ID und IDs sind ja eindeutig, d.h., wir brauchen jedes Mal für jedes Input-Feld eine neue ID. Diese erzeuge ich hier oben mit Math.random(). Sie sehen dann im Inspektor, dass wir für jedes Input-Feld und entsprechend im Label eine passende und andere ID haben. Wenn ich ein neues Input-Feld hinzufüge, verändert sich…
Laden Sie Kurse herunter und lernen Sie auch unterwegs.
Sehen Sie sich Kurse auf Ihrem Mobilgerät ohne Internetverbindung an. Laden Sie Kurse mit der LinkedIn Learning-App für iOS oder Android herunter.