O que é o estado do componente?

O estado de um componente é um conjunto de dados que determina o comportamento e a aparência atuais do componente na interface do usuário. No React, por exemplo, o estado é armazenado dentro do componente e pode mudar ao longo do tempo, provocando uma nova renderização para atualizar a UI.

Exemplo: um contador que aumenta ao clicar, armazena seu valor atual no estado.

import React, { useState } from 'react';

function Counter() {
  const [count, setCount] = useState(0);

  return (
    <div>
      <p>Contador: {count}</p>
      <button onClick={() => setCount(count + 1)}>Incrementar</button>
    </div>
  );
}

Assim, o estado permite que o componente seja interativo e responda dinamicamente às ações do usuário ou a outros eventos.