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

Question

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

因此，网络浏览器不接受它作为有效值，因此Z-index实际上不起作用。

我在做

{
  "z-index" => -1
}

Answer 1

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

React.js将来自camel case的css声明转换为正确的格式

React还会自动将“px”后缀添加到无单位属性值，但these docs中列出了一些例外。