Aus dem Kurs: React Grundkurs
Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 25.300 Kurse von Branchenfachleuten.
render() – Tutorial zu React.js
Aus dem Kurs: React Grundkurs
render()
Nun erstellen wir unsere erste Komponente auf Basis der React-Klassenkomponente. Für einen besseren Überblick legen wir dazu zuerst einen neuen Ordner namens Components an. Innerhalb des Ordners erstellen wir dann eine neue Datei namens App.js. Darin definieren wir eine neue Klasse mit demselben Namen wie die Datei. Diese extenden wir mit der internen React.Component-Klasse. Wir definieren außerdem eine render()- Methode innerhalb der Klasse, die ein div zurückgibt mit dem Inhalt "Hallo Component". Damit die Klasse von außen importierbar wird, müssen wir noch ein export-Statement anführen. Damit direkt ersichtlich ist, dass es sich hier um eine Datei mit jsx handelt, nutzen wir die Dateiendung jsx statt js. Beides wird von create-react-app unterstützt. Das ist unsere erste Komponente. Damit sie tatsächlich im Browser gerendert wird, müssen wir sie in der index.js importieren. Statt dem div schreiben wir nun "App" als Tag-Namen. Da die App-Komponente keine Kindelemente übergeben…
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.