Rövidített feltételek invertálása JSX-ben
Előfordulhat az ellenkező helyzet is: szöveget kell
beillesztenünk, ha a feltétel hamis, és nem csinálnunk
semmit, ha igaz. Ehhez a konstans értékét az
! operátorral kell invertálnunk.
A következő példában, ha a hide értéke
false, akkor egy bekezdés szöveggel kerül beillesztésre:
function App() {
const hide = false;
return <div>
{!hide && <p>text</p>}
</div>;
}
Adott a következő kód:
function App() {
const isAuth = false;
return <div>
<p>kérem, jelentkezzen be</p>
</div>;
}
Állítsa be úgy, hogy az adott bekezdés a szöveggel
csak akkor jelenjen meg, ha a isAuth értéke
false.
