react知識點

http://www.cocoachina.com/webapp/20150721/12692.htmlcss

http://blog.csdn.net/slandove/article/details/50748473html

http://www.oschina.net/news/76862/react-component-life-circlereact

注意:web

下面咱們在script標籤裏面編寫代碼,來輸出Hello,world,代碼以下:app

QQ截圖20150721111143.png

這裏須要注意的是,react並不依賴jQuery,固然咱們能夠使用jQuery,可是render裏面第二個參數必須使用JavaScript原生的getElementByID方法,不能使用jQuery來選取DOM節點。webapp

 

下面,咱們來編寫第一個組件Greet,有一個name屬性,而後輸出hello + name的值,代碼以下:this

QQ截圖20150721111858.png

看到這段代碼,接觸過AngularJS的朋友們是否是有一種熟悉的感受,不過這裏有幾點須要注意:.net

1)獲取屬性的值用的是this.props.屬性名component

2)建立的組件名稱首字母必須大寫。htm

3)爲元素添加css的class時,要用className。

4)組件的style屬性的設置方式也值得注意,要寫成style={{width: this.state.witdh}}。

相關文章
相關標籤/搜索