Εισαγωγή μεταβλητών και σταθερών σε ιδιότητες ετικετών σε JSX

Η εισαγωγή μεταβλητών και σταθερών μπορεί να γίνει όχι μόνο σε κείμενο ετικετών, αλλά και σε ιδιότητες. Σε αυτή την περίπτωση δεν τοποθετούνται εισαγωγικά για τις ιδιότητες:

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

Το αποτέλεσμα αυτού του κώδικα θα είναι το εξής:

html<div id="elem">
  text
</div>

jsxfunction App() {
  const attr = 'block';
  
  return <div>
    text
  </div>;
}