Можем ли мы составить JavaScript эквивалентных объектов для CSS операторов?

Question

Я начал работать с React и Material UI и наткнулся на стилизацию. Они используют то, что называется CSS -in- JS. Немного смущает использование camelCase вместо kebab-case для его свойств в JavaScript.

В ссылке ниже, CSS Справочник по свойствам , мы можем увидеть все JavaScript эквивалент CSS свойств. У меня вопрос, ограничены ли мы только этим списком для JavaScript эквивалента? Можем ли мы сделать что-то вроде columnRuleStyle для его CSS аналога, типа правила столбца.

Пожалуйста, дайте мне знать, что вы думаете. Спасибо за помощь!

Answer 1

Это не соглашение о реакции, но поскольку вы упоминаете, что вступаете в реакцию, вот что реагирует на это:

https://reactjs.org/docs/dom-elements.html#style

Атрибут style принимает объект JavaScript со свойствами camelCased вместо строки CSS. Это согласуется со свойством DOM style JavaScript, более эффективно и предотвращает дыры в безопасности XSS.

AFAIK, да, поддерживаются почти все * поддерживаемые CSS правила с использованием camelCasing в JS.

* Я не нашел такого, которого не было в течение 3 лет, в которых я реагировал.