use-effect-hook-blog-counter-class.js

import React, { Component } from 'react'

export default class Counter extends Component {
  constructor(props) {
    super(props);
    this.state = {
      counter: 0
    }
    this.handleIncrement = this.handleCounter.bind(this);
  }
  componentDidMount() {
    document.title = "Count is " + this.state.counter;
  }
  componentDidUpdate() {
    document.title = "Count is " + this.state.counter;
  }
  handleCounter(value) {
    this.setState({
      counter: value
    });
  }
  render() {
    return (
      <div>
        <div>
          <button onClick={() => this.handleCounter(this.state.counter + 1)}> + Increment</button>
          <button onClick={() => this.handleCounter(this.state.counter - 1)}> - Decrement</button>
        </div>
        <div>
          Current: {this.state.counter}
        </div>
      </div>
    )
  }
}