属性名如何转换?

带连字符的属性转为 camelCase(font-size 变为 fontSize)。浏览器前缀遵循 React 规则:-webkit- 变为 Webkit,而 -ms- 保持小写 ms。

CSS 自定义属性怎么处理?

像 --main-color 这样的变量保留名称并成为带引号的键,因为 React 会原样应用它们。

不会。所有值都以带引号的字符串输出,这始终有效。如需无单位数值,可手动去掉引号。

不会。转换完全在你的浏览器中进行,不会上传任何内容。

开发

粘贴 CSS 声明(属性: 值;),即可获得带 camelCase 键的 JavaScript 样式对象,可直接用于 React 的 `style` 属性或任意 JS 样式。会处理浏览器前缀和 CSS 自定义属性。全部在浏览器本地运行——不会上传任何内容。

—

CSS 声明

JS 样式对象

{
  backgroundColor: "#fff",
  fontSize: "14px",
  WebkitTransform: "scale(1.2)",
  margin: "0 auto",
}

属性名如何转换?: 带连字符的属性转为 camelCase(font-size 变为 fontSize)。浏览器前缀遵循 React 规则:-webkit- 变为 Webkit,而 -ms- 保持小写 ms。
CSS 自定义属性怎么处理?: 像 --main-color 这样的变量保留名称并成为带引号的键,因为 React 会原样应用它们。
值会转换为数字吗?: 不会。所有值都以带引号的字符串输出,这始终有效。如需无单位数值,可手动去掉引号。
我的 CSS 会被发送到某处吗?: 不会。转换完全在你的浏览器中进行,不会上传任何内容。