Как импортировать CSS из JSON в React?

[djekokma]

С сервера в JSON приходят данные:
{
"A": {
"cell": 5,

},
"B": {
"cell": 10,

},
"C": {
"cell": 15,
}
}

Как мне эти данные преобразовать в CSS вот так:

"A":{width: 5, height: 5},

"B":{width: 10, height: 10},

"C":{width: 15, height: 15},

для дальнейшего использования этих данных в стилях CSS приложения

[SuperZen]

const jsonStyle = ... // из примера выше
// где-то там return||render
return <div style={{...jsonStyle['A']}}...


только это нуб стайл, потому что такой элемент будет постоянно re-render'иться... неужели не проще import './style.css'

[djekokma]

SuperZen,
спасибо за подсказку

[djekokma]

const jsonStyle = ... // из примера выше
// где-то там return||render
return <div style={{...jsonStyle['A']}}...


только это нуб стайл, потому что такой элемент будет постоянно re-render'иться... неужели не проще import './style.css'


import './style.css' конечно же проще, но данные для CSS у меня в JSON

[SuperZen]

надо пересмотреть концепцию приложения, а может быть не надо...

[djekokma]

надо пересмотреть концепцию приложения

Возможно. Но это не мне решать.

Спасибо за помощь