react追加html元素,React给添加元素增加样式

React给添加元素增加样式

第一种方法:

React

.lala{

color:red;

font-size: 40px;

}

var Hello=React.createClass({

render:function(){

return (

我出来了!

)

}

})

ReactDOM.render(

,

document.getElementById('example')

);

第二种方法:

React

var Hello=React.createClass({

render:function(){

var style={color:"red","font-size":"40px"}

return (

我出来了!

)

}

})

ReactDOM.render(

,

document.getElementById('example')

);

第三种方法:

React

var Hello=React.createClass({

render:function(){

return (

我出来了!

)

}

})

Hello.prototype.css={

style3:{color:"green",fontSize:"50px",background:"#ccc"}

}

ReactDOM.render(

,

document.getElementById('example')

);

第四种方法:

React

var Hello=React.createClass({

render:function(){

return (

我出来了!

)

}

})

ReactDOM.render(

,

document.getElementById('example')

);

style.js的代码:

var style={

str1:{"font-size":"40px",color:"green",width:"200px",height:"300px","text-align":"center",border:"1px solid gray"}

}不提倡使用style样式及行间样式,使用外部js的方式或者原型链的比较好.