Použití operátoru && v JSX
Může se nám hodit vložit text,
pokud je podmínka pravdivá, a neudělat nic,
pokud je nepravdivá. Toho se dosáhne pomocí operátoru
&&.
Podívejme se na jeho funkci na příkladu.
V následujícím kódu, pokud bude v show
true, vloží se odstavec s textem,
a pokud bude false, nic se nevloží:
function App() {
const show = true;
return <div>
{show && <p>text</p>}
</div>;
}
Je dán následující kód:
function App() {
const isAuth = true;
return <div>
<p>jste přihlášeni</p>
</div>;
}
Zařiďte, aby se uvedený odstavec s textem
zobrazoval pouze pokud je v isAuth nastaveno
na true.
