我是按照http://reactjs.cn/react/docs/getting-started.html這個網上的步驟來做的。愛掏網 - it200.com
第一步先寫一個hello,world萬能的小程序。愛掏網 - it200.com
1.需要現在上面網址上的初學者的學習包，然后建立一個自己學習的demo文件夾。愛掏網 - it200.com給自己創建一個頁面，引入我們需要的js分別是：react.js。愛掏網 - it200.comreact-dom.js和bower.js。愛掏網 - it200.comreact.js是react的核心庫，react-dom是提供與dom相關的操作。愛掏網 - it200.combower.js的作用是將jsx語法轉換成javascript語法，因為jsx和javascript語法不兼容
接下來介紹一下jsx,jsx就是在javascript里面歇著xml格式的代碼叫做jsx。愛掏網 - it200.com詳細的我們可以在最上面的網站上看到。愛掏網 - it200.com
為了把jsx語言轉換成標準的javascript，我們需要使用，通過babel來轉換成瀏覽器顯示的內容。愛掏網 - it200.com
具體代碼如下
第二步，分離文件：我們可以把里面的jsx文件分離出來。愛掏網 - it200.com
第三：可以離線轉換：
先安裝npm依賴，使用命令行npm install 加載相關包，接下來是npm install -g react-tools離線轉換工具。愛掏網 - it200.comjsx --watch src/ build/ src:是存放js的文件夾，bulid：是離線轉換后存放js的文件夾。愛掏網 - it200.com
聲明：所有內容來自互聯網搜索結果,不保證100%準確性,僅供參考。如若本站內容侵犯了原著者的合法權益，可聯系我們進行處理。