ruby - 在 react.rb 中为样式值自动添加 'px' 后缀

Question

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

所以网络浏览器不会接受它作为一个有效值，因此 Z-index 有效地不起作用。

我正在做

{
  "z-index" => -1
}

Answer 1

样式属性应以驼峰形式指定。对于 cssz-index: -1;写入{ zIndex: -1 }。

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

React 还会自动将 'px' 后缀添加到无单位属性值，但这些文档中列出了一些例外情况。