如何为内联样式使用前缀。 应对

Question

For example.

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

How to use 'ms' prefix ?

Answer 1

Per the React docs :

Vendor prefixes other than ms should begin with a capital letter. This is why WebkitTransition has an uppercase "W".

So your inline styles would look like this:

 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)', ... } 

Although I would recommend something that adds prefixes automatically. You might want to look into using a library such as styled-components rather than using inline styles.

Per the styled-components docs :

The CSS rules are automatically vendor prefixed, so you don't have to think about it.