Difficile
Que va afficher ce composant ?
const MyComponent = () => {
const [index, setIndex] = useState(1);
setIndex(2);
return <div>{index}</div>;
}
Auteur: Vincent CotroStatut : PubliéeQuestion passée 4139 fois
Modifier
7
Évaluations de la communauté
Capucine
10/11/2023
Don't understand why it will create an infinite loop
Vincent Cotro
13/11/2023
Because updating your state will create a new render. You should only update your state conditionnaly (for exemple using a "onClick" or a condition)
The loop will look like this :
- Rendering
- Updating state (with setIndex(2))
- Rendering
- Updating state (with setIndex(2))
etc...
Capucine
13/11/2023
Thank you for the explanation !
15
Appeler une fonction au premier rendu d'un composant React9
Utiliser useCallback pour optimiser le rendu en React25
Écrire le code manquant pour afficher les enfants du composant UserProfile.14
Enregistrer l'état utilisé pour afficher la page sélectionnée dans un composant React.10
Écrire un composant React qui met à jour le titre du document à chaque clic et le réinitialise à 'React App' lorsque le composant se démonte.28
Écrire l'équivalent non-JSX du code suivant :15
Écrire un composant React en tant que fonction