Jedes Tag geschlossen

In HTML haben manche Elemente kein schließendes Tag, etwa <img>, <br> und <input>. In JSX muss jedes Element geschlossen werden. Ein Element mit Inhalt bekommt sein schließendes Tag wie in HTML, und ein Element ohne Inhalt kann sich selbst schließen, mit einem Schrägstrich vor >:

<img src="/react.svg" alt="Logo" />
<br />
<input placeholder="Deine E-Mail" />

Den Schrägstrich kennst du von <Willkommen />. Ohne ihn weiß JSX nicht, wo das Element endet. Die App läuft dann nicht, und die rote Meldung unter der Vorschau lautet zum Beispiel:

App.jsx(4,14): JSX element 'img' has no corresponding closing tag.

Dasselbe gilt für Elemente mit Inhalt: Ein <p> ohne </p>, das Browser in HTML verzeihen, ist in JSX ein Fehler.

Das Festival hat noch kein Logo, deshalb borgt es sich in dieser Übung das von React, das auf unserer Seite unter /react.svg liegt.