¿En qué casos se vuelve a renderizar un componente en React?

La re-renderización de un componente en React ocurre en los siguientes casos:

• Cambio en el estado del componente (state) usando setState o hooks useState.
• Cambio en las props, que se pasan al componente.
• Cambio en el contexto (Context API), si el componente está suscrito al contexto.
• El componente padre se ha re-renderizado y el componente hijo no está optimizado (por ejemplo, no usa React.memo).

Ejemplo:

function MyComponent({ value }) {
  const [count, setCount] = React.useState(0);

  // Cuando cambian count o value, se produce una re-renderización
  return <div>{value} - {count}</div>;
}