Inverze pro zkrácené podmínky v JSX
Může nastat i opačná situace: je potřeba
vložit text, pokud je podmínka nepravdivá, a nic
nedělat, pokud je pravdivá. K tomu je potřeba
provést inverzi konstanty pomocí
operátoru !.
V následujícím příkladu, pokud bude v hide
false, vloží se odstavec s textem:
function App() {
const hide = false;
return <div>
{!hide && <p>text</p>}
</div>;
}
Je dán následující kód:
function App() {
const isAuth = false;
return <div>
<p>prosím, přihlaste se</p>
</div>;
}
Zařiďte, aby se uvedený odstavec s textem
zobrazoval pouze pokud je v isAuth
false.
