Einführung in die JSX-Sprache in React
JSX ist gewöhnliches JavaScript, aber mit einigen Erweiterungen, die es ermöglichen, Tags direkt im Code zu schreiben, ohne Anführungszeichen.
Tags können über return zurückgegeben werden:
function App() {
return <div>
text
</div>;
}
Tags können Attribute haben:
function App() {
return <div class="eee">
text
</div>;
}
Tags können in Variablen oder Konstanten gespeichert werden:
function App() {
const elem = <div>text</div>;
return elem;
}
In Ihrer Hauptkomponente befindet sich die folgende Funktion:
function App() {
return <div>
text
</div>;
}
Ändern Sie den Text innerhalb des Divs. Beobachten Sie die Änderungen, die im Browser stattgefunden haben.
Fügen Sie dem Div mehrere Absätze hinzu.
Fügen Sie Ihren Absätzen Klassen hinzu.
