/Javascript/React/Onclick start and stop the count react

Onclick start and stop the count react

class Controls extends React.Component{
    state={
        myInterval : null,
        time: 25*60*1000
    }
    countDown = () => {
        this.setState({
            time : this.state.time-1000,
        })
    }
    startTimer = () => {
        this.setState({myInterval : setInterval(this.countDown,1000)})
    }
    stopTimer = () => {
        clearInterval(this.state.myInterval)
    }
    render(){
        return(
            <div>
                <button onClick={this.startTimer}>Start</button>
                <button onClick={this.stopTimer}>Stop</button>
                {this.state.time}
            </div>
        )
    }
}


class App extends React.Component{
    render(){
        return <Controls/>
    }
}





ReactDOM.render(
  <App />,
  document.getElementById("react")
);

Source: stackoverflow.com

Similar codes

0 vote362 views1 answer
Module not found: Can't resolve 'jquery' in react
Javascript React
-2 votes343 views2 answers
Import link react
Javascript React
0 vote355 views1 answer
Testing library react hooks
Javascript React
0 vote347 views3 answers
Scrollview pull to refresh react native
Javascript React
0 vote354 views1 answer
Loop number in react
Javascript React
1 vote370 views1 answer
React case switch not working
Javascript React
27 votes417 views4 answers
Font awesome react npm
Javascript React
2 votes357 views2 answers
Vscode extensions for better react js
Javascript React
20 votes393 views4 answers
On enter key press react
Javascript React
18 votes381 views2 answers
Store data in localstorage react
Javascript React