详解ReactNative组件生命周期

作者: 码工人生 | 来源:发表于2019-08-08 20:59 被阅读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

相关文章

网友评论

    本文标题:详解ReactNative组件生命周期

    本文链接:https://www.haomeiwen.com/subject/xomfjctx.html