1. 程式人生 > >react入門筆記一(react工程的創立)

react入門筆記一(react工程的創立)

1.建立一個普通的h5介面,然後像引入jquery一樣去引用react相關的js檔案

2. 需要引入browser的js包,這個包的作用是將jsx的語法轉為js,關於jsx後面的博文再詳細說明,但是我們在react的開發中使用的都不是js語法而是jsx,所以需要這個包來解析jsx

3.在h5程式碼後建立一個script的標籤,以後我們專案開發的js程式碼基本放在這,但是要注意一點,需要設定type=text/babel,因為我們所使用到的js語法是es6語法,也需要進行轉換

4.編寫檢視層,既h5的程式碼,需要注意一點,就是react在渲染時,最外層只能有一個塊級元素

,就是說所有的h5的程式碼都應該放在這個塊級元素內,一般我們在開發時應在檢視層的最外層設且只設一個div然後其他元素都放進這個根元素內

5.整體效果如下

6.尊重傳統,是時候來個hellow World了,程式碼如下

7.執行效果

8.關於jsx,如下圖