react的行內(nèi)樣式本質(zhì)上是一個(gè)對(duì)象,比如官方文檔的這個(gè)

var divStyle = {
  color: 'white',
  backgroundImage: 'url(' + imgUrl + ')',
  WebkitTransition: 'all', // 注意這里的首字母'W'是大寫(xiě)
  msTransition: 'all' // 'ms'是唯一一個(gè)首字母需要小寫(xiě)的瀏覽器前綴
};

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

如果打算直接寫(xiě)在標(biāo)簽上的話,更簡(jiǎn)單,不過(guò)就是看著比較多,用style={{}}就可以的

<div className="" 
                style={{marginBottom:"5px"}}
                value={ user.userName } 
                onChange={this.onTextChange('username').bind(this)}></div>

不過(guò)需要注意的是這個(gè)里面這個(gè)屬性名需要使用小駝峰寫(xiě)法style={{marginButtom:"5px"}}
沒(méi)法像css那樣寫(xiě)margin-bottom:5px