<h5>一、行內(nèi)樣式</h5>
1经伙、如圖中所示扶叉,return 一個(gè)對(duì)象,對(duì)象屬性(駝峰規(guī)則)按照key:value的形式寫(xiě)好帕膜,字符串一定要加引號(hào)
var cssStyle={
opcity:1,
fontSize:"18px",
color:"green"
}
<div style={cssStyle}></div>
2枣氧、如下圖所示
style={{opcity:1,fontSize:"18px",color:"green"}}
,有點(diǎn)暈哈~為啥兩個(gè)花括號(hào)?因?yàn)榈谝粋€(gè)花括號(hào)是執(zhí)行js表達(dá)式垮刹,第二個(gè)花括號(hào)表示這是一個(gè)js對(duì)象达吞。
<h5>二、外鏈樣式</h5>
<div className="myclass"></div>
為了避免和js中的class關(guān)鍵字沖突荒典,就采用className命名啦~