一:初次进入页面
getDefaultProps()----->getInitialState()---->componentWillMount()--->rander()--->componentDidMount()
注:getDefaultProps() 在继承的方式class Home extends Component 构造类中不能执行 ,在 React.createClass创建组件类时可正常使用。
getInitialState() 在使用es6的class语法时是没有这个钩子函数的,可以直接在constructor中定义this.state。此时可以访问this.props。较老的生命周期函数。
二:更新时
setState:shouldComponentUpdate(nextProps, nextState) --->runder()---->componentDidUpdate()--->componentWillUnmount()【注:不包含props更新】
更新props时:componentWillReceiveProps(nextProps)--->shouldComponentUpdate(nextProps, nextState) --->runder()---->componentDidUpdate()--->componentWillUnmount()