Zmieńmy wreszcie ten stan!

Zmieńmy nasz nasłuchiwacz onClick z wyświetlanie w konsoli na zmianę stanu.

<button
  onClick={() => {
    this.setState({ counter: this.state.counter + 1 });
  }}
>
  Dodaj 1
</button>

Przy kliknięciu wywołaj funkcję, która wywoła setState obecnej klasy (this) z prośbą o zmianę stanu counter na obecny stan (this.state.counter) powiększony o 1.

Funkcja strzałkowa (()=>{}) różni się od funkcji tradycyjnych (function(){}) tym, że zamiast tworzyć nowy kontekst wywołania (this) przejmuje go od rodzica. W React praktycznie zawsze stosujemy funkcje strzałkowe.