state-drills-bomb

import React from 'react';

class Bomb extends React.Component {
    state = {
        count: 0
    };

    componentDidMount() {
        this.interval = setInterval(() => {
            this.setState({
                count: this.state.count + 1
            })
        }, 1000)
    }

    componentWillMount() {
        clearInterval(this.interval);
    }

    tickTock() {
        let alert;
        if (this.state.count % 2 === 0) {
            alert = 'tick';
        }
        else if (this.state.count >= 8) {
            alert = "BOOM!";
            clearInterval(this.interval);
        }
        else {
            alert = 'tock';
        }
        return alert;
    }
    render() {
        return (
            <div>
                <p>{this.tickTock()}</p>
            </div>
        );
    }
}