在reactjs中添加内联样式而不使用JSX

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

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

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

但是样式部分不起作用

---

有办法解决这个问题吗

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

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

您还可以在线编译：

---

也许{style:divStyle}？“您需要传递变量而不是变量名”非常令人困惑。我想你的意思是-你需要传递一个变量，而不是变量名的字符串

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