Quiz React 25 novembre

Quel hook de React est utilisé pour gérer l'état local dans un composant fonctionnel ?

• useEffect

• useState

• useContext

• useReducer

Quel est l'objectif principal du hook useEffect dans React ?

• Effectuer un rendu du composant

• Gérer les événements utilisateur

• Gérer les effets secondaires comme les appels API ou la manipulation du DOM

• Modifier directement l'état du composant

Comment utiliser React Router pour créer une route vers une page Home

• <Route path="/home" component={Home} />

• <Route path="/home" element={<Home />} />

• <Link destination="/home">Home</Link>

• <NavLink path="/home">Home</NavLink>

Quel sera l'état de la variable count après l'exécution de ce code ?

• Le compteur commencera à 1

• Le compteur commencera à 0

• Le compteur restera toujours à 0

• Le compteur s'incrémente à chaque clic

Quel est l'objectif du Context API dans React?

• Gérer les états locaux d'un composant

• Partager des données entre plusieurs composants sans avoir à passer par des props

• Créer des références mutables

• Utiliser un contexte local dans un composant

À quoi sert le hook useRef dans React ?

• Sauvegarder l'état entre les rendus

• Référencer des éléments du DOM sans provoquer de re-rendu

• Gérer des effets secondaires dans un composant

• Créer un contexte global

Quel est l'avantage principal des hooks personnalisés dans React ?

• Réduire le nombre de composants

• Réutiliser la logique d'état

• Améliorer les performances

• Simplifier le JSX

Que fait ce code ?

• Affiche un chronomètre qui incrémente time toutes les secondes

• Fait une mise à jour infinie de time

• La fonction useEffect ne s'exécutera jamais

• Le compteur de secondes s'arrête après une seconde

Le spread operator (...) en JavaScript permet de :

• Copier les éléments d'un tableau dans un autre tableau

• Fusionner plusieurs objets en un seul

• Créer une copie d'un objet tout en conservant la référence au tableau d'origine

• Créer une nouvelle référence pour un objet ou un tableau

• Toutes ces réponses

Que représente les accolades {} et les crochets [] en JSX ?

• {} sont utilisés pour insérer des valeurs dans le DOM, et [] pour les itérations

• {} sont utilisés pour créer des composants, et [] pour les références DOM

• {} sont utilisés pour déclarer des variables, et [] pour les tableaux de composants

• {} sont utilisés pour les styles, et [] pour les classes CSS