行內(nèi)樣式

在 React 中，行內(nèi)樣式并不是以字符串的形式出現(xiàn)，而是通過一個特定的樣式對象來指定。在這個對象中，key 值是用駝峰形式表示的樣式名，而其對應(yīng)的值則是樣式值，通常來說這個值是個字符串(

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以外 首字母應(yīng)該大寫。想必 WebkitTransition 的首字母是“W”就不難理解了。