詳解ReactNative組件生命周期

了解一個組件的生命周期,很重要,在一些細節(jié)處理上,生命周期不同階段,調(diào)用的方法很不相同。 對于ReactNative 所有的生命周期,可以看圖:
圖2-7.png

文章可參考ReactNative組件生命周期

我在本問主要介紹ReactNative不同頁面切換時,生命周期方法的調(diào)用順序。

屏幕快照 2019-08-08 下午8.42.21.png

主要針對中間(頁面二),進行講解,分為四個步驟:

步驟A 頁面一push出頁面二,頁面二調(diào)用:

componentWillMount
componentDidMount

步驟B 頁面二push出頁面三, 頁面二調(diào)用:

步驟C 頁面三pop自己,到頁面二, 頁面二調(diào)用:

componentWillReceiveProps
shouldComponentUpdate

步驟D 頁面二pop自己,到頁面一, 頁面二調(diào)用:

componentWillUnmount

我個人覺得當前這些方法其實是不夠用的,未來和ReactNative相關(guān)的開源框架會越來越多,頁面間通信這塊處理也會更方便。

推薦學習攜程開源框架CRN

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容