Вы помещаете фигурные скобки, когда хотите использовать значение переменной внутри "html" (то есть внутри части рендера). Это просто способ сообщить приложению, что нужно взять значение переменной и поместить его туда, а не слово.
мер, чтобы установить стиль реагирования, вы можете сделать
var css = {color: red}
а также
<h1 style={css}>Hello world</h1>
Зачем вам нужны фигурные скобки вокруг css во втором фрагменте кода?