我在我的组件中使用内联样式的css供应商前缀
因为我的一些目标浏览器需要它。
var React = require('react');
var ReactDOM = require('react-dom');
var App = React.createClass({
getInitialState: function() {
return {
r: 0
};
},
render: function() {
return (
<div style={{
'WebkitTransform': 'rotate(' + this.state.r + 'deg)',
'transform': 'rotate(' + this.state.r + 'deg)'
}} onClick={this._click}>
some text
</div>
);
},
_click: function() {
this.setState({
r: -100
});
}
});
ReactDOM.render(
<App />,
document.getElementById('app')
);
正如您所看到的,我使用了WebkitTransform
和transform
,但渲染的反应只是transform
,我该如何渲染-webkit-transform
?< / p>