我们是否能够为 CSS 语句组合 JavaScript 等效对象？

Question

我开始使用 React 和 Material UI，我遇到了样式。他们使用一种叫做 CSS-in-JS 的东西。对于在 JavaScript 中使用 camelCase 而不是 kebab-case 的属性有点困惑。在下面的链接CSS 属性参考中，我们可以看到所有与 CSS 属性等效的 JavaScript。我的问题是，我们是否仅限于 JavaScript 等价物的列表？我们可以为它的 CSS 对应物 column-rule-style 做类似 columnRuleStyle 的事情吗？请让我知道你的想法。谢谢您的帮助！

Answer 1

这不是一个反应约定，但既然你提到进入反应，这就是反应必须说的：

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

该style属性接受带有驼峰式属性的 JavaScript 对象，而不是 CSS 字符串。这与 DOM styleJavaScript 属性一致，效率更高，并且可以防止 XSS 安全漏洞。

AFAIK，是的，几乎所有*支持的 CSS 规则都支持，在 JS 中使用 camelCasing。

* 我没有找到一个不在我反应的 3 年中的人。