WorksheetsReact JS
Total questions: 11
Worksheet time: 7mins
Quelle est la bonne syntaxe pour créer un composant avec React JS
function Avatar(props) { return ( <h1>I'm a component called {props.name} </h1> ); }
Avatar = (props) => { return ( <h1>I'm a component called {props.name} </h1> ); }
const Avatar = (props) => <h1>I'm a component called {props.name} </h1>
Avatar = props => { return ( <h1>I'm a component called {props.name} </h1> ); }
Un composant React JS
est l'unité de construction des applications React
vous permet de découper l’interface utilisateur en éléments indépendants et réutilisables
est une fonction JS
accepte un state mais pas de props
Quel est l'intérêt de React JS ?
Je te le dirai quand j'aurais trouvé
Facilité d'apprentissage
Performances
Référencement
Une props
est passée comme l'argument d'une fonction
peut être passée d'un composant enfant à un composant parent
est modifiable
Ne peut pas être une fonction
Le state dans React
est géré au niveau du composant
peut se transmettre d'un composant à un autre
est une variable
est immutable
useEffect
est un hook
est lié au cycle de vie des composants
ne permet pas d'effectuer des actions lorsqu'un composant est mis à jour
peut s'écrire ainsi :
useEffect(() =>
{ setTimeout(() => { setCount((count) => count + 1); }, 1000); });
Ce code est-il correct ?
OUI
NON
Je ne sais pas
Je l'aurais pas écrit comme ça
Ce code est-il correct ?
OUI
NON
Ce code est-il correct ?
OUI
NON
Ce code s'exécute t-il ?
OUI
NON
Quand est exécuté le useEffect ?
jamais
quand on fetch les données
quand le composant est crée
quand le composant est mis à jour
quand la variable age est modifiée
