¿Qué es el estado del componente?

El estado de un componente es un conjunto de datos que determina su comportamiento y apariencia actuales en la interfaz de usuario. En React, por ejemplo, el estado se almacena dentro del componente y puede cambiar con el tiempo, provocando una nueva renderización para actualizar la UI.

Ejemplo: un contador que aumenta al hacer clic, almacena su valor actual en el 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>
  );
}

De esta manera, el estado permite que el componente sea interactivo y responda dinámicamente a las acciones del usuario u otros eventos.