Défi : Rendu Conditionnel - Alerte Bancaire
Tâche : Créer une Alerte Bancaire
Travaillons avec un compte bancaire. Nous visons à développer une logique qui informe l'utilisateur s'il a suffisamment de fonds sur sa carte pour couvrir un prix donné. Selon le résultat, nous afficherons différents messages à l'utilisateur.
La tâche est :
- Créer deux composants -
App
, parent, etMessage
, enfant. - Le composant parent (
App
) transfère les propsmoneyAvailable
,price
, etname
.moneyAvailable
- représente le montant d'argent que l'utilisateur a;price
- désigne le montant d'argent que l'utilisateur doit payer;name
- fait référence au nom de l'utilisateur.
- Si l'utilisateur a assez d'argent pour payer, nous montrons le message :
Success! The remaining amount of money for <user_name> is: <calculated_amount_of_money_left>. Thank you!
. - Si l'utilisateur n'a pas assez d'argent pour payer, nous montrons le message :
Failure! The bank account balance for <user_name> is: <moneyAvailable>. Unfortunately, you need to pay: <price>.
- En React, nous utilisons l'opérateur ternaire
condition ? ... : ...
pour implémenter la logique d'une instructionif...else
. - Pour construire correctement la chaîne,
- Remplacez le placeholder
user_name
par le nom réel de l'utilisateur : propname
; - Remplacez le placeholder
calculated_amount_of_money_left
par le montant calculé d'argent restant -moneyAvailable - price
; - Remplacez le placeholder
moneyAvailable
par l'argent réellement disponible - propmoneyAvailable
; - Remplacez le placeholder
price
par le prix réel - propprice
.
- Remplacez le placeholder
- Utilisez des accolades
{...}
pour attribuer une valeur qui n'est pas de type chaîne.
Tout était clair ?
Merci pour vos commentaires !
Section 1. Chapitre 13
Demandez à l'IA
Demandez à l'IA
Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion
Awesome!
Completion rate improved to 2.17
Défi : Rendu Conditionnel - Alerte Bancaire
Glissez pour afficher le menu
Tâche : Créer une Alerte Bancaire
Travaillons avec un compte bancaire. Nous visons à développer une logique qui informe l'utilisateur s'il a suffisamment de fonds sur sa carte pour couvrir un prix donné. Selon le résultat, nous afficherons différents messages à l'utilisateur.
La tâche est :
- Créer deux composants -
App
, parent, etMessage
, enfant. - Le composant parent (
App
) transfère les propsmoneyAvailable
,price
, etname
.moneyAvailable
- représente le montant d'argent que l'utilisateur a;price
- désigne le montant d'argent que l'utilisateur doit payer;name
- fait référence au nom de l'utilisateur.
- Si l'utilisateur a assez d'argent pour payer, nous montrons le message :
Success! The remaining amount of money for <user_name> is: <calculated_amount_of_money_left>. Thank you!
. - Si l'utilisateur n'a pas assez d'argent pour payer, nous montrons le message :
Failure! The bank account balance for <user_name> is: <moneyAvailable>. Unfortunately, you need to pay: <price>.
- En React, nous utilisons l'opérateur ternaire
condition ? ... : ...
pour implémenter la logique d'une instructionif...else
. - Pour construire correctement la chaîne,
- Remplacez le placeholder
user_name
par le nom réel de l'utilisateur : propname
; - Remplacez le placeholder
calculated_amount_of_money_left
par le montant calculé d'argent restant -moneyAvailable - price
; - Remplacez le placeholder
moneyAvailable
par l'argent réellement disponible - propmoneyAvailable
; - Remplacez le placeholder
price
par le prix réel - propprice
.
- Remplacez le placeholder
- Utilisez des accolades
{...}
pour attribuer une valeur qui n'est pas de type chaîne.
Tout était clair ?
Merci pour vos commentaires !
Section 1. Chapitre 13