NEW
Font size
WorksheetsQCM sur les Composants React
Total questions: 17
Worksheet time: 9mins
Qu’est-ce qu’un composant React ?
Une fonction CSS
Une partie réutilisable de l’interface utilisateur
Un fichier HTML
Une base de données
Quel est le rôle principal d’un composant React ?
Styliser l’application
Gérer la base de données
Construire l’interface utilisateur
Compiler le code
Quel type de composant est le plus utilisé aujourd’hui en React ?
Composant classe
Composant fonctionnel
Composant HTML
Composant Bootstrap
Comment déclare-t-on un composant fonctionnel ?
`class MyComponent extends React.Component`
`function MyComponent()`
`new Component()`
`React.create()`
À quoi servent les props ?
À modifier le state
À passer des données d’un composant parent à un composant enfant
À stocker des données locales
À gérer les événements
Les props sont :
Modifiables
Immuables (en lecture seule)
Globales
Privées
Comment accède-t-on aux props dans un composant fonctionnel ?
`this.props`
`props.nom`
`useState()`
`setProps()`
Que se passe-t-il si on modifie directement une prop ?
C’est recommandé
L’application plante
C’est interdit par React
Rien
Qu’est-ce que le state ?
Une donnée externe
Une donnée locale et modifiable d’un composant
Une prop spéciale
Un fichier JSON
Quel Hook permet de gérer le state dans un composant fonctionnel ?
`useEffect`
`useProps`
`useState`
`useRef`
Quelle est la bonne syntaxe de `useState` ?
`const state = useState()`
`const [value, setValue] = useState(valeurInitiale)`
`useState = valeur`
`this.state()`
Comment met-on à jour un state ?
En modifiant directement la variable
Avec la fonction `setState` / `setValue`
Avec `props`
Avec `render()`
Le state peut-il changer ?
Non
Oui
Seulement au chargement
Seulement avec des props
Que se passe-t-il quand le state change ?
Rien
La page se recharge
Le composant se re-render
L’application s’arrête
Où doit-on utiliser `useState` ?
Dans une boucle
Dans une condition
En haut d’un composant fonctionnel
Dans un fichier CSS
Quelle différence principale entre props et state ?
Les deux sont identiques
Les props sont internes, le state est externe
Les props sont passées, le state est local
Le state est obligatoire
Quel exemple correspond à un state ?
Le nom d’un utilisateur affiché
Une valeur qui change après un clic
Une image importée
Une couleur CSS
