reactjs - 在不使用JSX的情况下在reactjs中添加内联样式

我正在尝试使用reactjs将内联样式添加到元素中。我发现

var divStyle = {
  color: 'white',
  backgroundImage: 'url(' + imgUrl + ')'
};

ReactDOM.render(<div style={divStyle}>Hello World!</div>, mountNode);

在reactjs文档中。事实是，没有JSX，它就无法工作。

我尝试这样做。

return (
        React.DOM.div({ className: 'eventsOuter'},
              {style:'divStyle'}
        )

但是样式部分无法正常工作。

有没有什么办法解决这一问题？

最佳答案

您需要传递变量而不是变量名：

React.DOM.div({
    className: 'eventsOuter',
    style: divStyle
}, 'Hello World!')

您也可以在线编译：
on the babel website