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

【问题标题】：Add inline style in reactjs without using JSX在 reactjs 中添加内联样式而不使用 JSX
【发布时间】：2016-01-11 11:40:46
【问题描述】：

我正在尝试使用 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'}
        )

但是样式部分不起作用。

有没有办法解决这个问题？

【问题讨论】：

标签： reactjs

【解决方案1】：

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

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

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

【讨论】：