wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Reacr Hooks

Total questions: 12

Worksheet time: 6mins

Name
Class
Date
1.

Lequel des éléments suivants n'est pas un Hook React ?

a)

useReducer

b)

useRef

c)

useMode

d)

Aucun des éléments ci-dessus

2.

Quelle est la syntaxe correcte pour useState ?

a)

const [state, setState] = useState(value)

b)

const {state, setState} = useState(value)

c)

const [state, setState] = new useState(value)

d)

let [state, setState] = useSlate(value)

3.

Que se passe-t-il lorsque vous appelez la fonction Setter de useState ?

a)

Cela génère une erreur

b)

Cela met à jour l'état et re-render le composant

c)

Cela enregistre la valeur actuelle de l'état dans la console

d)

Rien ne se passe tant que l'utilisateur n'interagit pas

4.

À quoi sert useEffect dans React ?

a)

Gérer l'état local dans les comosants de classe

b)

Ajouter des méthodes de cycle de vie aux composants fonctionnels

c)

Optimiser les rendus de re-rendering du DOM

d)

Aucun des éléments ci-dessus

5.

Que signifie un tableau de dépendances vide [] dans useEffect ?

a)

L'effet s'exécute à chaque rendu/render

b)

L'effet s'exécute une seule fois lorsque le composant est monté

c)

L'effet s'exécute uniquement lors du démontage

d)

L'effet s'exécute lors des mises à jour de l'état

6.

Lequel des exemples suivants est un tableau de dépendances valide pour useEffect ?

a)

useEffect(() => {}, [state])

b)

useEffect(() => {}, [])

c)

useEffect(() => {}, [state, prop])

d)

Tous les réponses

7.

Que se passe-t-il si vous supprimer le tableau de dépendances dans useEffect ?

a)

L'effet s'exécute une seule fois

b)

L'effet ne s'exécute pas du tout

c)

L'effet s'exécute après chaque rendu/render

d)

Cela génère une erreur

8.

Qu'est-ce qu'un Hook personnalisé dans React ?

a)

Un Hook de cycle de vie spécial fourni par Node

b)

Une fonction qui commence par "use" et réutilise la logique des Hooks

c)

Un Hook fourni par la bibliothèque React

d)

Aucun des éléments ci-dessus

9.

Les Hooks sont ?

a)

Des traits

b)

Des classes

c)

Des abstractions

d)

Des fonctions

10.

Que retourne useState dans React ?

a)

Une fonction

b)

Un tableau

c)

Un composant

d)

Un state

11.

Si vous mettez à jour un état/state dans setInterval et que vous souhaitez effacer l'intervalle (clearInterval) après le démontage du composant, où devriez-vous appeler la fonction clearInterval ?

a)

Directement dans la callback de useEffect

b)

Dans la fonction retournée par la callback de useEffect

c)

Dans le tableau de dépendances

d)

Aucun des éléments ci-dessus

12.

Quelle est la différence entre useRef et useState ?

a)

useState déclenche une mise à jour du DOM tandis que useRef ne le fait pas

b)

useRef se comporte exactement comme une variable normale définie par let tandis que useState ne le fait pas

c)

useRef est exactement comme useState

d)

useRef n'est même pas un Hook