title: My timer won't start and Im not sure why?
body: <p>I am creating a timer function. For now, I just want the timer to start when the component loads, so I put the action in the componentWillMount. For some reason, the timer is not starting and i can't figure out why.</p>
  
  <pre><code>constructor(props) {
          super(props);
          this.state = {
              timerStarted: false,
              timerStopped: true,
              hours: 0,
              minutes: 0,
              seconds: 0,
              captures: []
          }
          //We store the Timer Started and Stoped bool also the cptures array for rendering it on the app.
  
          this.handleTimerStart = this.handleTimerStart.bind(this);
      }
  
      handleTimerStart(e) {
          e.preventDefault();
          alert('Timer Started!');
          if(this.state.timerStopped) {
              this.timer = setInterval(() =&gt; {
                  this.setState({timerStarted: true, timerStopped: false});
                  if(this.state.timerStarted) {
                      if(this.state.seconds &gt;= 60) {
                          this.setState((prevState) =&gt; ({ minutes: prevState.minutes + 1, seconds: 0}));
                      }
                      if(this.state.minutes &gt;= 60) {
                          this.setState((prevState) =&gt; ({ hours: prevState.hours + 1, minutes: 0, seconds: 0}));
                      }
                      this.setState((prevState) =&gt; ({ seconds: prevState.seconds + 1 }));
                  }
  
              }, 1000);
          }
      }
  
      handleTimerStop() {
          this.setState({timerStarted: false, timerStopped: true});
          clearInterval(this.timer);
          /*this.handleTimerStop.bind(this); &lt;--this is the stop action method*/
      }
  
      componentDidMount() {
          this.handleTimerStart;
      }
  </code></pre>