React · Junior · Frage 52 von 75
Wie rendert man je nach Bedingung eines von zwei Elementen?
- 1Mit einer
switch-Anweisung direkt zwischen den JSX-Tags - 2Mit einem
<if condition={isLoggedIn}>-Element um jeden Zweig - 3Mit einem Ternary:
{isLoggedIn ? <Profile /> : <LoginButton />}
Antwort zeigen
Richtige Antwort: Mit einem Ternary: {isLoggedIn ? <Profile /> : <LoginButton />}
Erklärung
JSX akzeptiert Ausdrücke, daher funktioniert ? : direkt im Markup. Bei mehreren Zweigen berechnest du das Element vor dem return in einer Variablen oder einer Hilfsfunktion.