Az && operátor használata JSX-ben
Előfordulhat, hogy szöveg beszúrására van szükségünk,
ha a feltétel igaz, és nem csinálunk semmit,
ha hamis. Ez az
&& operátorral végezhető el.
Nézzük meg a működését egy példán keresztül.
A következő kódban, ha a show
true, akkor egy bekezdés szúródik be a szöveggel,
ha pedig false, akkor semmi sem szúródik be:
function App() {
const show = true;
return <div>
{show && <p>text</p>}
</div>;
}
Adott a következő kód:
function App() {
const isAuth = true;
return <div>
<p>Ön be van jelentkezve</p>
</div>;
}
Állítsa be úgy, hogy az említett bekezdés a szöveggel
csak akkor jelenjen meg, ha a isAuth értéke
true.