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的方式或者原型鏈的比較好.

總結

以上是生活随笔為你收集整理的react追加html元素,React给添加元素增加样式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。