Código 4. Atualização do ciclo de vida de um componente

codigo-4.js

import { useState, useEffect } from "react";

export default function App() {
  const [contador, setContador] = useState(0);

  useEffect(() => {
    console.log("executará o useEffect toda a vez que o [contador] mudar");
  }, [contador]);

  return (
    <div className="App">
      <h1>Contador: {contador}</h1>
      <button onClick={() => setContador(contador + 1)}>+</button>
    </div>
  );
}