Вметнување на променливи и константи во атрибути на тагови во 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>;
}