/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 vote106 views1 answer
Automatic Slideshow in react js
Javascript React
0 vote77 views1 answer
Circle button react native
Javascript React
0 vote114 views1 answer
Discord.js TypeError: Reactedmsg.delete message using id
Javascript React
9 votes122 views2 answers
Android center text react native
Javascript React
0 vote134 views1 answer
React native getting older version assets
Javascript React
9 votes110 views6 answers
How to check react version
Javascript React
0 vote64 views0 answer
React
Javascript React
1 vote123 views1 answer
Unexpected token. did you mean `{'>'}` or `>`? react
Javascript React
11 votes125 views3 answers
React Hook "useState" is called in function "cardState" which is neither a React function component or a custom React Hook function
Javascript React
2 votes111 views1 answer
Path.split is not a function react hook use form
Javascript React