Cours React débutant : composants et état

Quel type TypeScript décrit correctement une dépense avec un montant numérique, une catégorie textuelle et une date textuelle ?

type Depense = { montant: number; categorie: string; date: string } type Depense = { montant: string; categorie: number; date: string } type Depense = { montant: number; categorie: string; date: number } type Depense = { montant: boolean; categorie: string; date: string }

Avec le type type Depense = { montant: number; categorie: string }, quelle déclaration respecte la structure attendue ?

const depense = { montant: 18 } const depense: Depense = { montant: 18, categorie: "Transport" } const depense: Depense = { montant: "18", categorie: "Transport" } const depense: Depense = { montant: 18, categorie: 3 }

Dans un composant fonctionnel React, comment faut-il écrire le nom du composant pour l’utiliser comme élément JSX ?

function expenseCard() { return ; } function expense-card() { return ; } function ExpenseCard() { return ; } function EXPENSECARD() { return ; }

Quelle syntaxe définit un composant fonctionnel TypeScript qui renvoie un élément JSX ?

const ExpenseCard = Transport; const ExpenseCard = function: JSX { return Transport; }; const ExpenseCard() => { Transport }; const ExpenseCard = () => Transport;

Quelle expression insère la valeur de la variable montant dans un élément JSX ?

{montant} (montant) montant [montant]

Un composant doit renvoyer un titre et un paragraphe comme deux éléments voisins. Quelle syntaxe les regroupe correctement dans une seule racine JSX ?

return RésuméDu mois; return [Résumé, Du mois]; return RésuméDu mois; return Résumé, Du mois;

Quel type convient au champ montant si une dépense peut valoir 24,50 ?

boolean string Date number

Avec type Depense = { montant: number; categorie: string }, quel objet déclenche une erreur car un champ obligatoire est absent ?

{ montant: 12 } { montant: 12, categorie: "Alimentation" } { montant: 12, categorie: "Transport" } { montant: 12, categorie: "Logement" }

Comment un composant fonctionnel affiche-t-il une structure HTML dans la page React ?

En plaçant les balises HTML directement dans une chaîne retournée par la fonction En retournant du JSX depuis sa fonction En ajoutant les balises HTML dans le type TypeScript du composant En appelant obligatoirement document.write dans la fonction

Quel type convient au champ categorie si sa valeur est par exemple "Transport" ?

number boolean string void