import React, { Component } from "react"

export default class LifeCycle extends Component {
    constructor(props) {
        super(props)
        this.state = {
            favoriteColor: "red"
        }
    }
    componentDidMount(){
        setTimeout(() => {
            this.setState({
                favoriteColor: "yellow"
            })
        }, 2000);
    }

    componentDidUpdate(){
        console.log("Rerender");
    }

    componentWillUnmount(){

    }

    render() {
        return (
            <h1>
                My favorite color is {this.state.favoriteColor}!
            </h1>
        )
    }
}