Ternær operator i JSX
Som du allerede vet, inne i krøllparentesene kan du utføre JavaScript-kode. Egentlig kan denne koden ikke være hvilken som helst, bare den enkleste.
Spesielt kan ikke betingelser if brukes
der. I stedet bør du bruke forkortede
varianter av betingelser.
La oss, avhengig av verdien til konstanten
show, vise én eller annen tekst. La oss bruke
den ternære operatoren:
function App() {
const show = true;
return <div>
{show ? 'text1' : 'text2'}
</div>;
}
Du kan jobbe ikke bare med tekster, men også med tagger:
function App() {
const show = true;
return <div>
{show ? <p>text1</p> : <p>text2</p>}
</div>;
}
Følgende kode er gitt:
function App() {
const age = 19;
return <div>
</div>;
}
Hvis det er skrevet mer enn 18 år
i age,
vis da brukeren en avsnitt med én tekst
i taggen div, og hvis mindre - så
med en annen.
