本篇文章為大家展示了ReactJs中怎么設(shè)置css樣式，內(nèi)容簡明扼要并且容易理解，絕對(duì)能使你眼前一亮，通過這篇文章的詳細(xì)介紹希望你能有所收獲。

創(chuàng)新互聯(lián)公司于2013年開始，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目成都網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計(jì)網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢想脫穎而出為使命，1280元詔安做網(wǎng)站,已為上家服務(wù),為詔安各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:18982081108

React顛覆了html的傳統(tǒng)思維,代碼基本都寫在標(biāo)簽里面.我開發(fā)的時(shí)候采用的是IDEA,當(dāng)然也可以使用atom或者webstor.使用IDEA時(shí),需要在settings里面的Language & Framework設(shè)置Javascript language version為JSX Harmony.否則,編輯器可能會(huì)對(duì)你的正確語法進(jìn)行報(bào)錯(cuò).

html文件header標(biāo)簽里面引用上面前三個(gè)文件,就可以進(jìn)行react開發(fā)了,但是由于jquery的ajax請(qǐng)求比較方便,所以這里我引用了jquery,當(dāng)然也可以自己封裝一個(gè)類似于ajax的方法,或者使用原生http請(qǐng)求與后臺(tái)交互.

今天主要說說設(shè)置react樣式的問題:

  
  
  
  
  
  
  
    .hello{
      color: #ffffff;width: 200px;height: 30px;border: none;background-color: #00a0e9;line-height: 30px;text-align: center;font-size: 14px;
      font-family: "Microsoft YaHei UI";cursor: pointer;
    }
    .redBack{
      background-color: #f00;overflow: hidden;
    }