摘要:生命周期函數指在某一個時刻組件會自動調用執行的函數,的生命周期函數主要有初始化掛載更新卸載父組件在組件即將被掛載到頁面的時刻自動執行,掛載完畢不再執行組件被掛載到頁面之后,自動被執行,掛載完畢不再執行組件被更新之前,自動被執行組件被更新之前
生命周期函數指在某一個時刻組件會自動調用執行的函數,React的生命周期函數主要有
Initialization(初始化)
Mounting(掛載)
Updation(更新)
Unmounting(卸載)
父組件// 在組件即將被掛載到頁面的時刻自動執行,掛載完畢不再執行 componentWillMount() { console.log("componentWillMount") } render() { console.log("parent render"); return //JSX } // 組件被掛載到頁面之后,自動被執行,掛載完畢不再執行 componentDidMount() { console.log("componentDidMount") } // 組件被更新之前,自動被執行 shouldComponentUpdate() { console.log("shouldComponentUpdate") return true; } // 組件被更新之前,它會自動執行,但是它在shouldComponentUpdate之后執行 // 如果shouldComponentUpdate返回true它才執行 // 返回false,這個函數就不會被執行了 componentWillUpdate() { console.log("componentWillUpdate") } // 組件更新完成之后自動被執行 componentDidUpdate() { console.log("componentDidUpdate") }子組件
// 一個組件從父組件接收了參數 // 如果這個組件第一次存在于父組件中,不會執行 // 如果這個組件之前已經存在于父組件中,才會執行 componentWillReceiveProps() { console.log("child componentWillReceiveProps") } // 當這個組件即將被從頁面中剔除的時候,會被執行 componentWillUnmount() { console.log("child componentWillUnmount") }
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/53680.html
摘要:生命周期函數指在某一個時刻組件會自動調用執行的函數,的生命周期函數主要有初始化掛載更新卸載父組件在組件即將被掛載到頁面的時刻自動執行,掛載完畢不再執行組件被掛載到頁面之后,自動被執行,掛載完畢不再執行組件被更新之前,自動被執行組件被更新之前 生命周期函數指在某一個時刻組件會自動調用執行的函數,React的生命周期函數主要有 Initialization(初始化) Mounting(掛...
摘要:生命周期函數指在某一個時刻組件會自動調用執行的函數,的生命周期函數主要有初始化掛載更新卸載父組件在組件即將被掛載到頁面的時刻自動執行,掛載完畢不再執行組件被掛載到頁面之后,自動被執行,掛載完畢不再執行組件被更新之前,自動被執行組件被更新之前 生命周期函數指在某一個時刻組件會自動調用執行的函數,React的生命周期函數主要有 Initialization(初始化) Mounting(掛...
摘要:用于規范的類型與必需的狀態。表示由組件更改的數據,通常是通過與用戶的交互來更改的。為了實現的修改,需要注冊事件處理程序到相應的元素上。當事件發生時,將更新后的值是從中檢索,并通知組件。通常情況下,該函數初始化狀態使用,,或其他數據存儲。 前言 上一篇文章中,我們講到了JSX的一些用法和注意事項,這次我們來講react中最基礎也是特別重要的內容:組件。這篇文章包含組件的以下內容:狀態、屬...
摘要:虛擬之所以快,是因為它不直接操作。此外,實現了一套完整的事件合成機制,能夠保持事件冒泡的一致性,跨瀏覽器執行。大部分情況下,我們都是在構建的組件,也就是操作虛擬。例如就表示組件被插入之前。組件更新后執行組件被移除前執行獲取真實的強制更新 React對底層的代碼作了封裝,在大多數情況下,我們不需要直接去操作DOM。但是有時候我們還是需要使用到底層的代碼的,比如輸入框獲取焦點,這個時候可以...
閱讀 2337·2019-08-30 15:44
閱讀 1260·2019-08-30 13:01
閱讀 3307·2019-08-30 11:22
閱讀 3093·2019-08-29 15:23
閱讀 1614·2019-08-29 12:22
閱讀 3366·2019-08-26 13:58
閱讀 3439·2019-08-26 12:17
閱讀 3479·2019-08-26 12:16