Comparation with React Hooks

hooks-comparation.jsx

// Usando classe
class Counter extends Component {
  state = {
    counter: 1,
  }

  incrementCounter = () => {
    this.setState(({ counter }) => ({ counter: counter + 1 }));
  };

  render() {
    return (
      <button onClick={this.incrementCounter}>{this.state.counter}</button>
    )
  }
}

// Mesma funcionalidade usando Hooks
const Counter = () => {
  const [counter, setCounter] = useState(1)

  return (
    <button onClick={() => setCounter(counter + 1)}>{counter}</button>
  );
}