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

創(chuàng)新互聯(lián)公司長(zhǎng)期為千余家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺(tái)，與合作伙伴共同營(yíng)造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為武進(jìn)企業(yè)提供專業(yè)的網(wǎng)站制作、成都網(wǎng)站建設(shè)，武進(jìn)網(wǎng)站改版等技術(shù)服務(wù)。擁有10多年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。

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ì)你的正確語(yǔ)法進(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)交互.

今天主要說(shuō)說(shuō)設(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;
    }