Herausforderung: Bedingte Darstellung - Bankalarm
Aufgabe: Erstellen eines Bankalarms
Arbeiten wir mit einem Bankkonto. Wir möchten eine Logik entwickeln, die den Benutzer darüber informiert, ob er genügend Geld auf seiner Karte hat, um einen bestimmten Preis zu decken. Abhängig vom Ergebnis werden wir dem Benutzer unterschiedliche Nachrichten anzeigen.
Die Aufgabe ist:
- Erstellen Sie zwei Komponenten -
App
, Eltern, undMessage
, Kind. - Die Elternkomponente (
App
) überträgt die PropsmoneyAvailable
,price
undname
.moneyAvailable
- repräsentiert den Geldbetrag, den der Benutzer hat;price
- bezeichnet den Geldbetrag, den der Benutzer zahlen muss;name
- bezieht sich auf den Namen des Benutzers.
- Wenn der Benutzer genug Geld hat, um zu zahlen, zeigen wir die Nachricht:
Success! The remaining amount of money for <user_name> is: <calculated_amount_of_money_left>. Thank you!
. - Wenn der Benutzer nicht genug Geld hat, um zu zahlen, zeigen wir die Nachricht:
Failure! The bank account balance for <user_name> is: <moneyAvailable>. Unfortunately, you need to pay: <price>.
- In React verwenden wir den ternären Operator
condition ? ... : ...
, um die Logik einerif...else
-Anweisung zu implementieren. - Um den String korrekt zu konstruieren,
- Ersetzen Sie den Platzhalter
user_name
durch den tatsächlichen Benutzernamen:name
-Prop; - Ersetzen Sie den Platzhalter
calculated_amount_of_money_left
durch den berechneten Betrag des verbleibenden Geldes -moneyAvailable - price
; - Ersetzen Sie den Platzhalter
moneyAvailable
durch das tatsächlich verfügbare Geld -moneyAvailable
-Prop; - Ersetzen Sie den Platzhalter
price
durch den tatsächlichen Preis -price
-Prop.
- Ersetzen Sie den Platzhalter
- Verwenden Sie geschweifte Klammern
{...}
, um einen Wert zuzuweisen, der kein String-Typ ist.
Danke für Ihr Feedback!
Fragen Sie AI
Fragen Sie AI
Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen
Awesome!
Completion rate improved to 2.17
Herausforderung: Bedingte Darstellung - Bankalarm
Swipe um das Menü anzuzeigen
Aufgabe: Erstellen eines Bankalarms
Arbeiten wir mit einem Bankkonto. Wir möchten eine Logik entwickeln, die den Benutzer darüber informiert, ob er genügend Geld auf seiner Karte hat, um einen bestimmten Preis zu decken. Abhängig vom Ergebnis werden wir dem Benutzer unterschiedliche Nachrichten anzeigen.
Die Aufgabe ist:
- Erstellen Sie zwei Komponenten -
App
, Eltern, undMessage
, Kind. - Die Elternkomponente (
App
) überträgt die PropsmoneyAvailable
,price
undname
.moneyAvailable
- repräsentiert den Geldbetrag, den der Benutzer hat;price
- bezeichnet den Geldbetrag, den der Benutzer zahlen muss;name
- bezieht sich auf den Namen des Benutzers.
- Wenn der Benutzer genug Geld hat, um zu zahlen, zeigen wir die Nachricht:
Success! The remaining amount of money for <user_name> is: <calculated_amount_of_money_left>. Thank you!
. - Wenn der Benutzer nicht genug Geld hat, um zu zahlen, zeigen wir die Nachricht:
Failure! The bank account balance for <user_name> is: <moneyAvailable>. Unfortunately, you need to pay: <price>.
- In React verwenden wir den ternären Operator
condition ? ... : ...
, um die Logik einerif...else
-Anweisung zu implementieren. - Um den String korrekt zu konstruieren,
- Ersetzen Sie den Platzhalter
user_name
durch den tatsächlichen Benutzernamen:name
-Prop; - Ersetzen Sie den Platzhalter
calculated_amount_of_money_left
durch den berechneten Betrag des verbleibenden Geldes -moneyAvailable - price
; - Ersetzen Sie den Platzhalter
moneyAvailable
durch das tatsächlich verfügbare Geld -moneyAvailable
-Prop; - Ersetzen Sie den Platzhalter
price
durch den tatsächlichen Preis -price
-Prop.
- Ersetzen Sie den Platzhalter
- Verwenden Sie geschweifte Klammern
{...}
, um einen Wert zuzuweisen, der kein String-Typ ist.
Danke für Ihr Feedback!