react初学

简单说：直接写、json、props,

1.组件样式className="nihao"，style中.nihao{bgcolor:#333;}

2.通过json写进去样式

var letter = React.createClass({

var letterStyle = {

padding:10,

margin:10,

backgroundColor:"red";

}

render:function(){

return(

<div className="letter"  style={letterStyle}>

{this.props.children}

</div>

);

}

});

var destination = document.querySelector("#container");

ReactDOM.render(

<div>

<Letter bgcolor="red">T</Letter>

<Letter>Y</Letter>

<Letter>c</Letter>

</div>

destination

)

3.props

var letterStyle = {

padding:10,

margin:10,

backgroundColor:this.props.bgcolor;

}