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

2024-04-18

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

也可以在线编译:

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在reactjs中添加内联样式而不使用JSX 的相关文章