/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 vote158 views1 answer
React-native-bouncy-checkbox
Javascript React
-1 vote182 views1 answer
How to remove react icon from tab
Javascript React
3 votes193 views1 answer
React.children.only expected to receive a single react element child
Javascript React
0 vote174 views1 answer
React strap documentation
Javascript React
0 vote155 views1 answer
Async wait for axios reactjs
Javascript React
2 votes178 views1 answer
React import multiple images
Javascript React
0 vote184 views1 answer
React native no android sdk found
Javascript React
-1 vote163 views2 answers
Toggle on button click in react js functional component
Javascript React
29 votes179 views2 answers
React or vue
Javascript React
37 votes118 views5 answers
React sass
Javascript React