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

Question

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

因此，网页浏览器不会接受它作为一个有效值，因此Z索引实际上无法工作，因为它。

我在做

{
  "z-index" => -1
}

Answer 1

样式属性应在camel case中指定。对于css，z-index: -1;编写{ zIndex: -1 }。

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

React还会自动将'px‘后缀添加到无单元属性值中，但有一些例外，如这些医生中所述。