Как использовать переменные CSS в компоненте React.js с TypeScript? ⇐ CSS

[Anonymous]

Я новичок в React.js и хочу установить некоторые переменные CSS в атрибуте встроенного стиля для отображаемого компонента на основе некоторых вычислений в JS.
При использовании TypeScript кажется, что мне нужно объявить тип для каждой CSS-переменной. То, что я получил до сих пор, работает:

Код: Выделить всё

interface VariableACSSProp extends CSSProperties {
'--variable-a': string;
}
interface VariableBCSSProp extends CSSProperties {
'--variable-b': string;
}

// …in component:
let variableAContent = …
let variableBContent = …

return (

)

Вопрос: Есть ли другой, более простой способ использования CSS-переменных? Потому что у меня их больше, и кажется слишком сложным объявлять интерфейс для каждой CSS-переменной, если их много (тем более, что тип, с моей точки зрения, не имеет значения, поскольку он используется не в JS, а в CSS).
Предпочтительно я хотел бы использовать что-то вроде

Код: Выделить всё

…но это, похоже, неверный TypeScript, что приводит к ошибке (

Код: Выделить всё

{ expected

).


Подробнее здесь: https://stackoverflow.com/questions/798 ... typescript