/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

3 votes128 views3 answers
Multiple styles in react native
Javascript React
0 vote126 views1 answer
Back button not working when modal open in react native
Javascript React
1 vote188 views1 answer
Failed to transform react-native-reanimated-65.aar
Javascript React
0 vote124 views1 answer
Highcharts react hide data point dots
Javascript React
0 vote339 views1 answer
React native multiline cursor on first line
Javascript React
0 vote122 views1 answer
How to trigger on Blur only when clicked outside parent component and not child component in react js
Javascript React
2 votes85 views1 answer
Yarn create react-app test00h00m00s 0/0: : ERROR: [Errno 2] No such file or directory: 'create'
Javascript React
1 vote132 views2 answers
How to not use relative imports in react js
Javascript React
0 vote120 views1 answer
Reactvs y axis range
Javascript React
0 vote122 views1 answer
Showing a custom toast function for react-toastify - Toast show
Javascript React