Sobes.tech
Middle

Dans quels cas un composant React se rerend-il?

sobes.tech IA

Réponse de l'IA

La re-rendu d'un composant dans React se produit dans les cas suivants :

  • Changement d'état du composant (state) avec setState ou hooks useState.
  • Changement des props passées au composant.
  • Changement du contexte (Context API), si le composant est abonné au contexte.
  • Le composant parent a été re-rendu, et le composant enfant n'est pas optimisé (par exemple, n'utilise pas React.memo).

Exemple :

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

  // Lors du changement de count ou value, une re-rendu se produit
  return <div>{value} - {count}</div>;
}