-2

我开始使用 React 和 Material UI,我遇到了样式。他们使用一种叫做 CSS-in-JS 的东西。对于在 JavaScript 中使用 camelCase 而不是 kebab-case 的属性有点困惑。

在下面的链接CSS 属性参考中,我们可以看到所有与 CSS 属性等效的 JavaScript。我的问题是,我们是否仅限于 JavaScript 等价物的列表?我们可以为它的 CSS 对应物 column-rule-style 做类似 columnRuleStyle 的事情吗?

请让我知道你在想什么。谢谢您的帮助!

4

1 回答 1

0

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

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

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

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

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

于 2020-04-01T05:01:26.573 回答