Уметање променљивих и константица у атрибуте тагова у JSX-у

Уметање променљивих и константица се може радити не само у текст тагова, већ и у атрибуте. Притом се наводници за атрибуте не стављају:

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

Резултат рада овог кода ће бити следећи:

html<div id="elem">
  text
</div>
Задание 1

Дат је следећи код:

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

Убаците вредност константе attr у атрибут id нашег div-а.