react追加html元素,React给添加元素增加样式
React給添加元素增加樣式
第一種方法:
React.lala{
color:red;
font-size: 40px;
}
var Hello=React.createClass({
render:function(){
return (
我出來了!)
}
})
ReactDOM.render(
,
document.getElementById('example')
);
第二種方法:
Reactvar Hello=React.createClass({
render:function(){
var style={color:"red","font-size":"40px"}
return (
我出來了!)
}
})
ReactDOM.render(
,
document.getElementById('example')
);
第三種方法:
Reactvar Hello=React.createClass({
render:function(){
return (
我出來了!)
}
})
Hello.prototype.css={
style3:{color:"green",fontSize:"50px",background:"#ccc"}
}
ReactDOM.render(
,
document.getElementById('example')
);
第四種方法:
Reactvar 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的方式或者原型鏈的比較好.
總結(jié)
以上是生活随笔為你收集整理的react追加html元素,React给添加元素增加样式的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 教你查看笔记本电脑的电池健康如何查看电脑
- 下一篇： html 二级菜单延迟消失,如果让子菜单