Question

style 属性接受含有 camelCased（驼峰）属性的 JavaScript 对象，而不是 CSS 字符串。这与 DOM 样式中的 JavaScript 属性一致，效率更高，并且可以防止 XSS 安全漏洞。

const divStyle = {
color: 'blue',
backgroundImage: 'url(' + imgUrl + ')'
};

function HelloWorldComponent() {
return <div style={divStyle}>Hello World!</div>
}

为了与在 JavaScript 中访问 DOM 节点上的属性保持一致，样式键采用了 camelcased（例如 node.style.backgroundImage ）。