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
這裏須要注意的是,react並不依賴jQuery,固然咱們能夠使用jQuery,可是render裏面第二個參數必須使用JavaScript原生的getElementByID方法,不能使用jQuery來選取DOM節點。webapp
下面,咱們來編寫第一個組件Greet,有一個name屬性,而後輸出hello + name的值,代碼以下:this
看到這段代碼,接觸過AngularJS的朋友們是否是有一種熟悉的感受,不過這裏有幾點須要注意:.net
1)獲取屬性的值用的是this.props.屬性名component
2)建立的組件名稱首字母必須大寫。htm
3)爲元素添加css的class時,要用className。
4)組件的style屬性的設置方式也值得注意,要寫成style={{width: this.state.witdh}}。