Très facile
Que va afficher ce composant ?
const MyComponent = () => {
const [index, setIndex] = useState(1);
useEffect(() => {
setIndex(2);
}, []);
return <div>{index}</div>;
};
Auteur: Vincent CotroStatut : PubliéeQuestion passée 3861 fois
Modifier
8
Évaluations de la communauté
Réponse incorrecte
Auteur anonyme20/01/2025
When we put debugger into this component we can see that this component displays 1 and after first component render useEffect effect has called, effect sets new value component render one more time and only now we see 2
Correct answers are:
It will display: 1
and
It will display: 2
Ambiguë
Auteur anonyme15/08/2024
The component will display 1 initially, and then call useEffect which will update the state and then 2 is displayed, so I think the question is ambiguous, it should ask what will it show last?
Auteur anonyme
26/08/2024
I think it's not ambiguous to most people. It's classified as very easy because of this.
Auteur anonyme
17/09/2024
Effectivement, le cycle de vie du composant est modifié par le useEffect; il affichera "1" au premier rendu, mais il sera executé par la suite (une seule fois vu le tableau de dépendances) et mettra à jour le state, index vaudra alors "2", et donc le composant sera rendu à nouveau.
Auteur anonyme
20/01/2025
Yes
28
Écrire l'équivalent non-JSX du code suivant :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.14
Enregistrer l'état utilisé pour afficher la page sélectionnée dans un composant React.25
Écrire le code manquant pour afficher les enfants du composant UserProfile.14
Appeler une fonction au premier rendu d'un composant React9
Utiliser useCallback pour optimiser le rendu en React15
Écrire un composant React en tant que fonction