javascript - 如何为内联样式使用前缀。 react

例如。

        return {
        transform: 'rotateY(' + d.rotateY + 'rad) '
        + ' translateX(' + translateX + 'px)'
        + ' translateZ(' + d.translateZ + 'px)'
        + ' rotateY(' + d.rotateYAround + 'deg)',
        ...

如何使用'ms'前缀？

最佳答案

根据React docs：


  ms以外的供应商前缀应以大写字母开头。这就是WebkitTransition具有大写字母“ W”的原因。


因此，您的内联样式将如下所示：

return {
  msTransform: 'rotateY(' + d.rotateY + 'rad) ' +
    ' translateX(' + translateX + 'px)' +
    ' translateZ(' + d.translateZ + 'px)' +
    ' rotateY(' + d.rotateYAround + 'deg)',
  ...,

  transform: 'rotateY(' + d.rotateY + 'rad) ' +
    ' translateX(' + translateX + 'px)' +
    ' translateZ(' + d.translateZ + 'px)' +
    ' rotateY(' + d.rotateYAround + 'deg)',
  ...
}

尽管我建议自动添加前缀的内容。您可能要考虑使用诸如样式组件之类的库，而不是使用内联样式。

根据styled-components docs：


  CSS规则会自动带有供应商前缀，因此您无需考虑。