Değişkenlerin ve Sabitlerin JSX'teki Etiket Özelliklerine Eklenmesi

Değişken ve sabitlerin eklenmesi sadece etiket metinlerinde değil, aynı zamanda özelliklerde de yapılabilir. Bu durumda özellikler için tırnak işaretleri konmaz:

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

Bu kodun çalışmasının sonucu aşağıdaki gibi olacaktır:

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

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