Kommentare in JSX

In JavaScript schreibst du Kommentare mit // oder /* */, in HTML mit <!-- -->. Zwischen den Tags von JSX funktioniert keins von beiden: <!-- ist ein Fehler im Code (Identifier expected.), und // Text ist gewöhnlicher Text, der auf der Seite erscheint.

Ein Kommentar in JSX ist ein JavaScript-Kommentar in geschweiften Klammern:

<main>
    {/* Die Veranstalter schicken das Programm am Montag. */}
    <h1>Sommerklang</h1>
</main>

Die Klammern sagen „hier kommt JavaScript“, und darin steht nur ein Kommentar, den JavaScript überspringt. Über return, außerhalb von JSX, schreibst du Kommentare wie immer mit //.

Kommentare sind auch praktisch, um einen Teil der Seite vorübergehend auszublenden, ohne ihn zu löschen: Setze die Elemente zwischen {/* und */}, und sie sind von der Seite verschwunden, bis du den Kommentar wieder entfernst.