React生命周期--比较实用，清晰

class MyComponent extends Component {
    constructor(props) {
        super(props);
        this.state = {
            name: 'Hello World',
        };
    }

    componentWillMount() {
        console.log('渲染之前');
    }

    render() {
        console.log('渲染');
    }

    componentDidMount() {
        console.log('渲染完成');
    }

    componentWillReceiveProps(nextProps) {
        console.log('接收到来自父组件的数据', nextProps);
    }

    shouldComponentUpdate(nextProps, nextState) {
        console.log('判断数据是否更新true，false来判断', nextProps, nextState);
    }

    componentWillUpdate(nextProps, nextState) {
        console.log('组件数据将要更新', nextProps, nextState);
    }

    componentDidUpdate(prevProps) {
        console.log('组件数据更新完毕', prevProps);
    }

    componentWillUnmount() {
        console.log('已经销毁');
    }