How to properly clear the interval?

Question

React

Hello. I have a counter implementation. When you press the "start" button, the stopwatch should start and after a specified time interval increase its value by the value of the interval. When you click on "stop", the stopwatch should stop and reset its value
The problem is the following, please tell me how to reset setInterval correctly

handleStop = () => {
  this.setState({ currentTime: 0 })
}

so that after calling this method, the state does not again fall into setInterval
https://codepen.io/gsdev99/pen/gOYRVBr

Answer 1

What, you haven't heard about clearInterval ?

Answer 2

Before learning React, it is imperative that you first learn VanillaJS. In the documentation forThe setInterval explicitly states that the setInterval identifier must be passed to clearInterval , which is also written in the answers to the question at the link you provided in the comment to the previous answer. No need to reinvent the wheel, take and use what you have.