在 React 中,行內(nèi)樣式并不是以字符串的形式出現(xiàn),而是通過一個特定的樣式對象來指定。在這個對象中,key 值是用駝峰形式表示的樣式名,而其對應的值則是樣式值,通常來說這個值是個字符串(了解更多:
var divStyle = {
color: 'white',
backgroundImage: 'url(' + imgUrl + ')',
WebkitTransition: 'all', // 注意這里的首字母'W'是大寫
msTransition: 'all' // 'ms'是唯一一個首字母需要小寫的瀏覽器前綴
};
React.render(<div style={divStyle}>Hello World!</div>, mountNode);
樣式的 key 用駝峰形式表示,是為了方便與JS中通過DOM節(jié)點獲取樣式屬性的方式保持一致(比如 'node.style.backgroundImage')。另外瀏覽器前綴除了ms
以外 首字母應該大寫。想必 WebkitTransition
的首字母是“W”就不難理解了。