react-simple-count

gistfile1.txt

import React, { Component } from 'react';
import './App.css';

class App extends Component {
  constructor(props) {
    super(props)
    this.addCount = this.addCount.bind(this)
    this.deductCount = this.deductCount.bind(this)
  }


  state = {
    count: 0
  }

  addCount() {
    this.setState((prevState) => ({
      count: prevState.count + 1
    }))
  }

  deductCount() {
    this.setState((prevState) => ({
      count: prevState.count - 1
    }))
  }

  render() {
    return (
      <div>
        {JSON.stringify(this.state)}
        <h1>{this.state.count}</h1>
        <button onClick={this.addCount}>+1</button>
        <button onClick={this.deductCount}>-1</button>
      </div>
    );
  }
}

export default App;