Använda operatorn && i JSX
Vi kan behöva infoga text
om villkoret är sant, och inte göra något
om det är falskt. Detta görs med operatorn
&&.
Låt oss titta på hur den fungerar med ett exempel.
I följande kod, om show är
true, så kommer ett stycke med text att infogas,
och om det är false, så infogas ingenting:
function App() {
const show = true;
return <div>
{show && <p>text</p>}
</div>;
}
Följande kod ges:
function App() {
const isAuth = true;
return <div>
<p>du är inloggad</p>
</div>;
}
Gör så att det angivna stycket med text
visas endast om isAuth är satt till
true.
