react的生命周期
第一个组件的初始化(initialization)阶段,在这个阶段初始化数据,初始化数据在构造函数中执行,下面例子中的demo继承了父类的React Component,也就是继承react.其中super()就是让子类继承父类的constructor构造函数。就是把父类的props注入子组件,供子组件读取,其中props不变,state会发生变化,state只能受控于当前组件,状态是私有的。
import React, {component} from 'react'
class Demo extends Component {
constructor(props)
super(props)
}
第二个是挂在阶段 mounting
(包括componentWillMount,render,componentDidMount)
componentWillMount 页面初始化完成后,挂载之前调用,且只会调用一次,这个时候调用this.state不会引起数据的变化,也就是组件不会重复渲染
render 把元素渲染到页面上,根据props和state的数据,return 出一个react元素。之后由react自身渲染出页面DOM。
componentDidMount 数据加载完成后,一般业务逻辑放在这里来写,组件挂在DOM完后调用。只会调用一次。
今天只是弄明白这些,明天再详细补充吧。
推荐阅读:详解React生命周期(包括react16版) 作者: aermin。