Ehtojen kääntäminen lyhennettyjen ehtojen lyhentämiseksi JSX:ssä
Voi olla myös käänteinen tilanne: on suoritettava
tekstin lisääminen, jos ehto on epätosi, eikä mitään
tehdä, jos se on tosi. Tätä varten on
suoritettava vakion kääntäminen käyttämällä
operaattoria !.
Seuraavassa esimerkissä, jos hide:ssä on
false, niin kappale tekstillä lisätään:
function App() {
const hide = false;
return <div>
{!hide && <p>text</p>}
</div>;
}
Annettu on seuraava koodi:
function App() {
const isAuth = false;
return <div>
<p>ole hyvä ja kirjaudu sisään</p>
</div>;
}
Tee niin, että esitetty tekstikappale
näytetään vain, jos isAuth:ssa on
false.
