React 官網列子學習

2022-08-05 13:27:25 字數 862 閱讀 5357

除了接受輸入資料(通過this.props),元件還可以保持內部狀態資料(通過this.state)。當一個元件的狀態資料的變化,展現的標記將被重新呼叫render()更新。

先看結構,下面是hook函式

hook函式:

最早是指windows 系統下提供的一種用來替換dos 系統下的中斷的系統機制;

現在則是泛指,在對特定的系統事件進行hook 後,一旦發生已hook 事件,對該事件進行hook 的程式,就會收到系統的通知。這是程式就可以對該事件第一時間做出響應。

//

mounting 表示 react components 被render 解析生成對應的dom 節點並被插入瀏覽器的dom 節點並被插入瀏覽器的dom 結構的一個過程

//執行順序看上圖

var timer =react.createclass(;

},tick:

function

() );

},//

react components生命週期在render後呼叫

componentdidmount: function

() ,

//react components生命週期在控制元件銷燬時呼叫

componentwillunmount: function

() ,

render:

function

() );

}});

mountnode);