Operatorul ternar în JSX
După cum știți deja, în interiorul acoladelor puteți executa cod JavaScript. De fapt, acest cod nu poate fi oricare, ci doar cel mai simplu.
În special, condițiile if nu pot fi
aplicate acolo. În schimb, ar trebui să
folosiți variante prescurtate de condiții.
Hai să afișăm un text sau altul în funcție de
valoarea constantei show. Să folosim
operatorul ternar:
function App() {
const show = true;
return <div>
{show ? 'text1' : 'text2'}
</div>;
}
Puteți lucra nu doar cu texte, ci și cu tag-uri:
function App() {
const show = true;
return <div>
{show ? <p>text1</p> : <p>text2</p>}
</div>;
}
Este dat următorul cod:
function App() {
const age = 19;
return <div>
</div>;
}
Dacă în age este scris mai mult de 18 ani,
atunci în textul tag-ului div arătați utilizatorului
un paragraf cu un text, iar dacă este mai puțin - atunci
cu altul.
