Em que casos um componente React é re-renderizado?

A re-renderização de um componente no React ocorre nos seguintes casos:

• Alteração do estado do componente (state) usando setState ou hooks useState.
• Alteração das props passadas ao componente.
• Alteração do contexto (Context API), se o componente estiver inscrito no contexto.
• O componente pai foi re-renderizado, e o componente filho não está otimizado (por exemplo, não usa React.memo).

Exemplo:

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

  // Quando count ou value mudam, ocorre uma re-renderização
  return <div>{value} - {count}</div>;
}