În ce cazuri are loc re-renderizarea unui component în React?

Re-renderizarea unui component în React are loc în următoarele cazuri:

• Schimbarea stării componentului (state) folosind setState sau hooks useState.
• Schimbarea props-urilor transmise către component.
• Schimbarea contextului (Context API), dacă componenta este abonată la context.
• Componentele părinte au fost re-renderizate, iar componenta copil nu este optimizată (de exemplu, nu folosește React.memo).

Exemplu:

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

  // Când count sau value se schimbă, are loc o re-renderizare
  return <div>{value} - {count}</div>;
}