javascript / beginner
Snippet
Bedingtes Rendern mit Ternary-Operatoren
Der Ternary-Operator ist ein prägnanter Weg für bedingtes Rendern. Er prüft eine Bedingung und gibt eines von zwei JSX-Elementen zurück, je nachdem, ob die Bedingung wahr oder falsch ist.
snippet.js
javascript
1
2
3
4
5
6
7
function AuthStatus({ isLoggedIn }) {return (<div>{isLoggedIn ? <p>Welcome back!</p> : <p>Please log in.</p>}</div>);}
react
Erklärung
1
{isLoggedIn ? ... : ...}
Wenn isLoggedIn wahr ist, wird das erste Element gerendert; andernfalls wird das zweite Element gerendert.