在不使用JSX

Question

我正在尝试使用reactjs为元素添加内联样式。我找到了

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

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

在reactjs docs中。事情是，没有JSX它是行不通的。

我试过这样做。

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

但样式部分不起作用。

有什么方法可以解决这个问题吗？

Answer 1

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

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

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