Operaatori && kasutamine JSX-is
Meil võib tekkida vajadus lisada teksti,
kui tingimus on tõene, ja mitte teha midagi,
kui see on väär. Seda tehakse operaatori
&& abil.
Vaatame selle toimimist näite varal.
Järgmises koodis, kui show-s on
true, sisestatakse tekstiga lõik,
ja kui see on false, siis midagi ei sisestata:
function App() {
const show = true;
return <div>
{show && <p>text</p>}
</div>;
}
Antud on järgmine kood:
function App() {
const isAuth = true;
return <div>
<p>sa oled autoriseeritud</p>
</div>;
}
Tehke nii, et toodud tekstiga lõik
kuvataks ainult siis, kui isAuth-sse on salvestatud
true.
