react.rb 中的样式值自动添加 'px' 后缀

Question

我注意到，当我尝试使用内联样式设置页面元素的 z-index 时，px 会自动添加到值中，但 z-index 需要一个数字而不是像素值。

因此网络浏览器不会将其作为有效值接受，因此 Z-index 实际上无法正常工作。

我在做

{
  "z-index" => -1
}

Answer 1

样式属性应在驼峰式中指定。对于 css z-index: -1; 写 { zIndex: -1 }.

React.js 将 css 声明从驼峰式大小写转换为正确的格式

React 还会自动将 'px' 后缀添加到 unit-less 属性值，these docs.

中列出了一些例外情况

auto-adding of 'px' suffix to style values in react.rb