Εισαγωγή στη γλώσσα JSX στο React

Η γλώσσα JSX είναι ένα συνηθισμένο JavaScript, αλλά με ορισμένες προσθήκες που επιτρέπουν τη γραφή ετικετών απευθείας στον κώδικα, χωρίς εισαγωγικά.

Οι ετικέτες μπορούν να επιστραφούν μέσω του return:

jsxfunction App() {
  return <div>
    κείμενο
  </div>;
}

Οι ετικέτες μπορούν να έχουν χαρακτηριστικά:

jsxfunction App() {
  return <div class="eee">
    κείμενο
  </div>;
}

Οι ετικέτες μπορούν να αποθηκευτούν σε μεταβλητές ή σταθερές:

jsxfunction App() {
  const  elem = <div>κείμενο</div>;
  return elem;
}

jsxfunction App() {
  return <div>
    κείμενο
  </div>;
}