title: How to get this button to reset the timer in this react component?
body: <p>I have the following basic ReactJS setup with ES6. When I hit the reset button, the Timer does not go back to "0".  What am I doing wrong? I'm pretty new to React so any code organization and other tips appreciated as well.</p>
  
  <pre><code>class App extends Component {
    constructor(props) {
      super(props)
      this.state = {
        seconds: 0
      }
      this.resetTimer.bind(this)
    }
    resetTimer = () =&gt; {
      this.setState({seconds: 0})
    }
    render() {
      return (
        &lt;div className="App"&gt;
          &lt;div className="App-header"&gt;
            &lt;img src={logo} className="App-logo" alt="logo" /&gt;
            &lt;h2&gt;Welcome to React&lt;/h2&gt;
          &lt;/div&gt;
          &lt;p className="App-intro"&gt;
            To get started, edit &lt;code&gt;src/App.js&lt;/code&gt; and save to reload.
          &lt;/p&gt;
          &lt;Button label="Start"/&gt;
          &lt;Button label="Stop"/&gt;
          &lt;Button label="Reset" onClick={this.resetTimer} /&gt;
          &lt;Timer seconds={this.state.seconds} /&gt;
        &lt;/div&gt;
      );
    }
  }
  
  class Button extends Component {
    render() {
      return(
        &lt;div&gt;
          &lt;button onClick={this.props.onClick} &gt;{this.props.label}&lt;/button&gt;
        &lt;/div&gt;
      );
    }
  }
  
  class Timer extends Component {
    constructor(props) {
      super(props)
      this.state = {
        seconds: this.props.seconds
      };
    }
    componentDidMount() {
      this.timerId = setInterval(
        () =&gt; this.tick(),
        1000
      );
    }
    tick() {
      this.setState({ seconds: this.state.seconds + 1});
    }
    componentWillUnmount() {
      clearInterval(this.timerId);
    }
    render() {
      return (
        &lt;div&gt;{secToMin(this.state.seconds)}&lt;/div&gt;
      );
    }
  }
  
  export default App;
  </code></pre>