Operātora && izmantošana JSX
Mums var būt nepieciešams ievietot tekstu,
ja nosacījums ir patiess, un neko nedarīt,
ja tas ir nepatiess. Tas tiek darīts, izmantojot operatoru
&&.
Apskatīsim tā darbību ar piemēru.
Nākamajā kodā, ja show būs
true, tad tiks ievietots rindkopa ar tekstu,
un, ja būs false, tad nekas netiks ievietots:
function App() {
const show = true;
return <div>
{show && <p>text</p>}
</div>;
}
Dots šāds kods:
function App() {
const isAuth = true;
return <div>
<p>jūs esat autorizējies</p>
</div>;
}
Izdariet tā, lai norādītā rindkopa ar tekstu
tiktu rādīta tikai tad, ja isAuth ir iestatīts uz
true.
