Použitie operátora && v JSX
Môžeme potrebovať vložiť text,
ak je podmienka pravdivá, a neurobiť nič,
ak je nepravdivá. To sa robí pomocou operátora
&&.
Pozrime sa na jeho fungovanie na príklade.
V nasledujúcom kóde, ak bude v show
true, vloží sa odstavec s textom,
a ak bude false, nič sa nevloží:
function App() {
const show = true;
return <div>
{show && <p>text</p>}
</div>;
}
Daný je nasledujúci kód:
function App() {
const isAuth = true;
return <div>
<p>ste autorizovaný</p>
</div>;
}
Urobte tak, aby sa uvedený odstavec s textom
zobrazoval len vtedy, ak je v isAuth zapísané
true.
