React新生命周期说明

可参考地址：https://www.cnblogs.com/jpwz/p/12411646.html

import React, { Component } from 'react'

export default class NewReactComponent extends Component {
    constructor(props) {//初始化
        super(props)
        // getDefaultProps：接收初始props
        // getInitialState：初始化state
    }
    state = {//存储自身的数据
    }
    static getDerivedStateFromProps(props, state) { // 组件每次被rerender的时候，包括在组件构建之后(虚拟dom之后，实际dom挂载之前)，每次获取新的props或state之后；;每次接收新的props之后都会返回一个对象作为新的state，返回null则说明不需要
        return state
    }
    componentDidCatch(error, info) { // 获取到javascript错误
    }
    render() {//渲染、必须手写的生命周期、其他可以不写、系统默认
        return (
            <h2>New React.Component</h2>
        )
    }
    componentDidMount() { // 挂载后
    }   
    shouldComponentUpdate(nextProps, nextState) { // 组件Props或者state改变时触发，true：更新，false：不更新
        return true
    }
    getSnapshotBeforeUpdate(prevProps, prevState) { // 组件更新前触发
    }
    componentDidUpdate() { // 组件更新后触发
    }
    componentWillUnmount() { // 组件卸载时触发
    }
}