React笔记(2) -- 组件的生命周期

react

1. 前言

最近在看《React进阶之路》，因为我个人性子比较急，担心学习的时候不过脑，所以记下笔记放慢速度，争取多吸收。另外，我react基础还在摸索呢，这咋就开始进阶了都。

2. react组件生命周期

我喜欢图形化的东西，所以直接搞个思维导图吧。

其中有几个点可以注意一下

(1). 为啥react的组件要super(props)？

答：这个问题我从学习react开始就有点疑惑，不过当时学习态度不端没有多去追根究底，现在还是把它解决了吧。

在ES6中，super代表的是父类的构造函数，用来初始化this，在子类的constructor中必须先调用super才能引用this，可以绑定事件到this上，如果不用super(props)，就无法在constructor中使用this.props(或者props)

无论有没有constructor，在render中的this.props都是可以使用的，这是React自动附带的。

大概明白一点了，不过也会想为啥先调用super才能引用this，猜测是涉及到es6的继承内部机制了，这个先放一下，以后更新，表面的原因就如上所述了。

(2). 只有类组件才具有生命周期方法，函数组件是没有生命周期方法的。