react 样式小记

<h5>一、行内样式</h5>
1、如图中所示，return 一个对象，对象属性(驼峰规则)按照key:value的形式写好，字符串一定要加引号

var cssStyle={
    opcity:1,
    fontSize:"18px",
    color:"green"
  } 
<div style={cssStyle}></div>

2、如下图所示

style={{opcity:1,fontSize:"18px",color:"green"}}

,有点晕哈~为啥两个花括号？因为第一个花括号是执行js表达式，第二个花括号表示这是一个js对象。

<h5>二、外链样式</h5>

<div className="myclass"></div>

为了避免和js中的class关键字冲突，就采用className命名啦~