Sobes.tech
Middle

Millistel juhtudel toimub React komponendi uuesti renderdamine?

sobes.tech AI

Vastus AI-lt

React-komponendi uuesti renderdatakse järgmistes olukordades:

  • Komponendi oleku (state) muutmine kasutades setState või useState hooki.
  • Propside muutmine, mis on komponendile edastatud.
  • Konteksti (Context API) muutmine, kui komponent on sellele kontekstile registreeritud.
  • Vanemkomponendi uuesti renderdamine ning lapsekomponent ei ole optimeeritud (näiteks, ei kasuta React.memo).

Näide:

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

  // Kui count või value muutub, toimub uuesti renderdamine
  return <div>{value} - {count}</div>;
}