详解ReactNative组件生命周期
2019-08-08 本文已影响7人
码工人生
了解一个组件的生命周期，很重要，在一些细节处理上，生命周期不同阶段，调用的方法很不相同。 对于ReactNative 所有的生命周期，可以看图：
图2-7.png
文章可参考ReactNative组件生命周期
我在本问主要介绍ReactNative不同页面切换时，生命周期方法的调用顺序。
屏幕快照 2019-08-08 下午8.42.21.png
主要针对中间(页面二)，进行讲解,分为四个步骤：
步骤A 页面一push出页面二,页面二调用：
componentWillMount
componentDidMount
步骤B 页面二push出页面三, 页面二调用：
无
步骤C 页面三pop自己，到页面二, 页面二调用：
componentWillReceiveProps
shouldComponentUpdate
步骤D 页面二pop自己，到页面一, 页面二调用：
componentWillUnmount
我个人觉得当前这些方法其实是不够用的，未来和ReactNative相关的开源框架会越来越多，页面间通信这块处理也会更方便。
推荐学习携程开源框架CRN
