Código 3. Montagem do ciclo de vida de um componente

montagem.js

import { useState, useEffect } from "react";

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

  useEffect(() => {
    console.log("executa o useEffect ao renderizar o componente");
  }, []);

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