这主要是为了定义给定CSS属性的特定于浏览器的值,例如:
如果我像这样将它包装成对象:
<div style="cursor: -moz-grab; cursor: -webkit-grab; cursor: grab;">Grab me!</div>
如果我像这样将它包装成对象:
<div style={{
cursor: "-moz-grab",
cursor: "-webkit-grab",
cursor: "grab"
}}>Grab me!</div>
如果在对象中重复键(在严格模式下会失败,否则会被覆盖),而仅仅把所有值放入单个字符串也似乎行不通。
找出浏览器使用JS,然后应用正确的值似乎太麻烦了.. 或者有其他方法吗?有什么想法吗?
var style = 'cursor: "-moz-grab", cursor: "-webkit-grab", cursor: "grab" '; return <div style={style}>抓住我!</div>
或许不是最好的方法,但我想不到其他更好的办法了。 你也应该看一下autoprefixer https://github.com/postcss/autoprefixer - alexmngn