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:

jsxfunction App() {
  return <div>
    text
  </div>;
}

Tags können Attribute haben:

jsxfunction App() {
  return <div class="eee">
    text
  </div>;
}

Tags können in Variablen oder Konstanten gespeichert werden:

jsxfunction App() {
  const  elem = <div>text</div>;
  return elem;
}

Задание 1

In Ihrer Hauptkomponente befindet sich die folgende Funktion:

jsxfunction App() {
  return <div>
    text
  </div>;
}

Ändern Sie den Text innerhalb des Divs. Beobachten Sie die Änderungen, die im Browser stattgefunden haben.

Задание 2

Fügen Sie dem Div mehrere Absätze hinzu.

Задание 3

Fügen Sie Ihren Absätzen Klassen hinzu.