第一種：行內樣式，直接寫在 style={{}} 中即可 ， 最外層{}表示是一個表達式，里面的{}表示是一個對象
第二種：使用className
以前寫css定義類用的是class
現在要用className
那為何在react的jsx語法中不能直接使用class定義css類呢，
因為react把class關鍵字用來定義組件類名了，所以用className來代替
比如下圖，這里表示用class關鍵字聲明了一個ChildWork組件
補充：還有一種寫法，但不推薦，把樣式寫在一個對象中，並賦值給一個變量，注意這里樣式要用小駝峰
然后直接在html標簽上用style={}的方式引用，注意這里只有一對{}
let jsx = <div style={onlineBarStyle}>jsx123</div>;
