Den ternære operator i JSX
Som du allerede ved, kan du udføre JavaScript-kode inden de krøllede parenteser. Faktisk kan denne kode ikke være enhver, men kun den mest simple.
Især kan betingelser if ikke anvendes der.
I stedet bør man bruge de forkortede versioner af betingelser.
Lad os, afhængigt af værdien af konstanten
show, vise den ene eller den anden tekst. Lad os bruge
den ternære operator:
function App() {
const show = true;
return <div>
{show ? 'text1' : 'text2'}
</div>;
}
Det er muligt at arbejde ikke kun med tekster, men også med tags:
function App() {
const show = true;
return <div>
{show ? <p>text1</p> : <p>text2</p>}
</div>;
}
Følgende kode er givet:
function App() {
const age = 19;
return <div>
</div>;
}
Hvis der er skrevet mere end 18 år i age,
vis så en afsnit med den ene tekst for brugeren
i tagget div, og hvis mindre - så
med en anden.
