Inverteren voor verkorte voorwaarden in JSX
Er kan ook een omgekeerde situatie zijn: er moet
tekst worden ingevoegd als de voorwaarde onwaar is,
en niets worden gedaan als deze waar is. Hiervoor moet
de constante worden geïnverteerd met behulp van
de operator !.
In het volgende voorbeeld, als in hide
false staat, wordt een alinea met tekst ingevoegd:
function App() {
const hide = false;
return <div>
{!hide && <p>text</p>}
</div>;
}
De volgende code is gegeven:
function App() {
const isAuth = false;
return <div>
<p>log in alstublieft</p>
</div>;
}
Zorg ervoor dat de getoonde alinea met tekst
alleen wordt weergegeven als in isAuth
false staat.
