新版的react要求統一使用babel作為jsx的編譯工具，因此我們選擇babel，新建.babelrc檔案，內容如下
react裡引入的元件這個概念：
react裡的元件就像android，ios裡的控制項一樣，能方便快捷的作為介面的一部分實現一定功能，我們可以把資料傳入：
var hello = react.createclass(
});
同樣的元件我們用es6實現如下：
class hello extends react.component
}
let names = [
'flypie ',
'flyboy '
];reactdom.render(
,document.body
);
mounting：已插入真實 dom
updating：正在被重新渲染
unmounting：已移出真實 dom
react 為每個狀態都提供了兩種處理函式，will 函式在進入狀態之前呼叫，did 函式在進入狀態之後呼叫，三種狀態共計五種處理函式。
componentwillmount()
componentdidmount()
componentwillupdate(object nextprops, object nextstate)
componentdidupdate(object prevprops, object prevstate)
componentwillunmount()
下圖是官方文件裡對各種函式執行位置的表述
這裡我們做個實驗：
let hello = react.createclass(;
},getdefaultprops: function () ;
},componentwillmount: function () ,
componentdidmount: function () ,
componentwillreceiveprops: function () ,
shouldcomponentupdate: function () ,
componentwillupdate:function(),
componentdidupdate:function(),
componentwillunmount:function(),
render: function ()
});let names = [
'flypie ',
'flyboy '
];reactdom.render(
,document.body
);
react框架學習入門（一）
一 前言 react框架是前端三大框架之一。學習 菜鳥教程 二 安裝 3 在專案根目錄下啟動專案 這些命令在package.json中進行配置 npm start三 專案架構 這是初始化專案後的專案結構圖。執行npm run eject 後，這是將專案全部解壓出來，該操作不可逆。專案結構如下 四 r...
React入門（一） State屬性
關於react元件例項中state屬性的使用以及注意事項 1 state的初始化方式 以下 為有構造器的時候 2 state的使用方法，以ishot為例 3 state的修改方式，必須用setstate進行更新 script type text babel 建立元件 class weather ex...
React 學習筆記（一）
the api via extends react.component is similar to react.createclass with the exception of getinitialstate.instead of providing a separate getinitialst...