Gebruik van de && operator in JSX
We moeten mogelijk tekst invoegen,
als een voorwaarde waar is, en niets doen,
als deze onwaar is. Dit wordt gedaan met behulp van de
&& operator.
Laten we de werking ervan bekijken aan de hand van een voorbeeld.
In de volgende code, als in show
true staat, wordt een paragraaf met tekst ingevoegd,
en als er false staat, wordt er niets ingevoegd:
function App() {
const show = true;
return <div>
{show && <p>text</p>}
</div>;
}
Gegeven de volgende code:
function App() {
const isAuth = true;
return <div>
<p>u bent ingelogd</p>
</div>;
}
Zorg ervoor dat de getoonde paragraaf met tekst
alleen wordt weergegeven als in isAuth
true staat.
