React的一個簡單示例

首發：我的博客，更新&糾錯&回覆

React的核心是定義組件類，組件有三個要素：狀態、行爲、界面。

1.渲染狀態到界面：狀態由組件對象的state屬性持有，從狀態到界面的渲染工做由組件類的render方法完成，該方法應該使用state屬性，該方法的返回值是html片斷，即渲染的結果。

2.界面上響應操做：界面渲染出的html組件固然能夠編寫觸發函數，該函數應該改變組件對象的state屬性，並調用組件對象的setState方法，該方法的調用將自動觸發從新繪製的工做，調用render方法，將組件對象狀態的變化反映到界面上。

一個最簡單的demo地址在這裏，能夠右鍵源碼，寫了點簡單的註釋。

在這個例子中，你看到的整個表格是一個組件，該表格的狀態由一個js對象記錄，當點擊單元格的時候，改變狀態，並從新繪製組件。

這demo的業務場景……就是過年和小夥伴協調dota比賽時間，記錄每一個人都哪天有空。

下一步任務就是在node服務器上，將狀態記錄到mongoDB。

長期歡迎項目合做機會介紹，項目收入10%用於酬謝介紹人。新浪微博：@冷鏡，QQ：908789432。