1. 程式人生 > >React生命週期函式

React生命週期函式

生命週期函式指在某一時刻元件會自動呼叫執行的函式

React生命週期

掛載時的生命週期

componentWillMount // 在元件第一次被掛載到頁面的時刻執行

componentDidMount // 在元件第一次被掛載到頁面的時刻執行

更新時的生命週期

shouldComponentUpdate () { return boolenValue } // 元件被更新之前,自動執行。它要求返回一個Boolean型別的值,它代表元件是否需要被更新。

componentWillUpdate() { } //元件元件被更新之前,但他在 shouldComponentUpdate 返回true (預設) 之後發生。

componentDidUpdate() { } //元件元件被更新之後

componentWillReceiveProps(){} //當元件即將從父元件接收props;父元件的render函式被重新執行了,子元件的這個生命週期函式就會被執行。(元件第一次出現在元件中不會被執行)

解除安裝時的生命週期

componentWillUnmount() {} //當元件即將被頁面剔除的時候,會被執行