Décompte secondes (fil rouge)

MyTimer.js

import React, {Component} from 'react';
class MyTimer extends Component {

  constructor(props) {
    super(props)
    this.state = {temps: 0}
      }

  timer() {
    this.setState({
      temps: this.state.temps + 1
    })
    if(this.state.temps > 100) {
      clearInterval(this.interval);
    }
  }

  componentDidMount() {
    this.interval = setInterval(this.timer.bind(this), 1000);
    console.log('Le composant a été mis à jour');
  }

  componentWillUnmount(){
    clearInterval(this.interval);
    console.log('Le composant va se mettre à jour');
  }
  render() {
    return(
      <div>Vous êtes sur ce site depuis : {this.state.temps} secondes. </div>
    );
  }
}




export default MyTimer;