Ternarni operator v JSX
Kot že veste, znotraj zavitih oklepajev lahko izvajate JavaScript kodo. Pravzaprav ta koda ne more biti poljubna, ampak le zelo preprosta.
Zlasti pogojev if tam ni mogoče
uporabiti. Namesto tega je treba uporabljati skrajšane
različice pogojev.
Odvisno od vrednosti konstante
show prikažimo eno ali drugo besedilo. Uporabimo
za to ternarni operator:
function App() {
const show = true;
return <div>
{show ? 'text1' : 'text2'}
</div>;
}
Lahko delate ne le z besedili, ampak tudi z oznakami:
function App() {
const show = true;
return <div>
{show ? <p>text1</p> : <p>text2</p>}
</div>;
}
Podana je naslednja koda:
function App() {
const age = 19;
return <div>
</div>;
}
Če je v age zapisano več kot 18 let,
potem v besedilu oznake div prikažite uporabniku
odstavek z enim besedilom, če pa je manj - pa
z drugim.
