QCM EN REACT JS– PARTIE 2

Question 1 sur 10

1. Dès que l’état du composant React est modifié, le composant _______

  • A Ne fait rien, vous devez appeler la méthode render pour rendre à nouveau le composant
  • B restitue le composant
  • C recréé à partir de zéro
  • D Aucune de ces réponses n’est vraie.
B
Lorsque l'état d'un composant React est modifié, React re-renderise (restitue) le composant automatiquement.
Question 2 sur 10

2. La méthode React « getDerivedSateFromProps(props , state) » est appelée lorsque ____

  • A Le composant est créé pour la première fois
  • B L’état du composant est mis à jour
  • C Les deux A et B sont vrais.
  • D Aucune de ces réponses n’est vraie.
C
La méthode 'getDerivedStateFromProps' est appelée aussi bien lors de la création initiale du composant que lors de la mise à jour de son état.
Question 3 sur 10

3. La méthode componentDidMount est appelée lorsque ____

  • A Le composant est créé pour la première fois
  • B L’état du composant est mis à jour
  • C Les deux A et B sont vrais.
  • D Aucune de ces réponses n’est vraie.
A
La méthode 'componentDidMount' est appelée immédiatement après que le composant est inséré dans le DOM.
Question 4 sur 10

4. Laquelle des API suivantes est un incontournable pour chaque composant ReactJS?

  • A getInitialState
  • B render
  • C renderComponent
  • D Aucune de ces réponses n’est vraie.
B
La méthode 'render' est essentielle pour chaque composant ReactJS car elle décrit ce que vous voulez voir à l'écran.
Question 5 sur 10

5. Quels sont les avantages de React JS?

  • A React peut être utilisé aussi bien côté client que côté serveur.
  • B L’utilisation de React augmente la lisibilité et facilite la maintenabilité. Les composants, les modèles de données améliorent la lisibilité et facilitent ainsi la gestion des applications plus grandes.
  • C React peut être utilisé avec n’importe quel autre framework (Backbone.js, Angular.js) car ce n’est qu’une couche View.
  • D Tout les réponses sont vrais
D
Tous les énoncés sont vrais, ce qui fait de React un choix polyvalent et puissant pour le développement de l'interface utilisateur.
Question 6 sur 10

6. À quoi sert le deuxième argument de setState?

  • A Pour appeler du code une fois l’opération setState terminée
  • B Pour remplacer complètement l’état au lieu de l’action par défaut
  • C Pour accéder à l’état précédent avant l’opération setState
  • D Aucune de ces réponses n’est vraie.
A
Le deuxième argument de 'setState' est une fonction de rappel qui est exécutée une fois que 'setState' a terminé et que le composant a été re-renderisé.
Question 7 sur 10

7. Quelle fonction peut-on utiliser pour modifier l’état d’un composant React?

  • A this.State = {}
  • B this.setState
  • C this.changeState
  • D Aucune de ces réponses n’est vraie.
B
La méthode correcte pour modifier l'état d'un composant React est 'this.setState'.
Question 8 sur 10

8. Que se passera-t-il si vous faire le rendu d’un élément input avec disabled = {false}

  • A Il sera rendu comme enabled
  • B Il sera rendu comme disabled
  • C Il ne sera pas rendu du tout
  • D Aucune de ces réponses n’est vraie.
A
Si 'disabled' est défini sur 'false', l'élément input sera rendu comme activé (enabled).
Question 9 sur 10

9. Quand est-il recommandé de passer this.setState en tant que fonction au lieu d’un objet?

  • A Quand le nouvel état devrait remplacer complètement l’ancien état
  • B Lorsque le nouvel état dépend de l’ancien état
  • C Lorsque le nouvel état ne dépend pas de l’ancien état
  • D Aucune de ces réponses n’est vraie.
B
Il est recommandé de passer 'this.setState' en tant que fonction lorsque le nouvel état dépend de l'état précédent.
Question 10 sur 10

10. Quelle est la façon déclarative de rendre une liste dynamique de composants en fonction des valeurs d’un tableau.

  • A Utiliser la méthode reduce du tableau
  • B Avec une boucle for/while
  • C Utiliser le composant
  • D Utiliser la méthode Array.map()
D
La méthode 'Array.map()' est utilisée pour rendre une liste dynamique de composants en fonction des valeurs d'un tableau de manière déclarative.

Ajouter un commentaire

Veuillez vous connecter pour ajouter un commentaire.

Pas encore de commentaires.

OUDEV.NET OUDEV.NET OUDEV.NET OUDEV.NET OUDEV.NET OUDEV.NET OUDEV.NET