Αναστροφή για συντομευμένες συνθήκες στο JSX
Μπορεί να υπάρξει και η αντίστροφη κατάσταση: πρέπει να εκτελεστεί
εισαγωγή κειμένου, εάν η συνθήκη είναι ψευδής, και τίποτα
να μην γίνει, εάν είναι αληθής. Για αυτό πρέπει να
εκτελέσετε αναστροφή της σταθεράς χρησιμοποιώντας
τον τελεστή !.
Στο επόμενο παράδειγμα, εάν στο hide υπάρχει
false, τότε θα εισαχθεί μια παράγραφος με κείμενο:
function App() {
const hide = false;
return <div>
{!hide && <p>text</p>}
</div>;
}
Δίνεται ο ακόλουθος κώδικας:
function App() {
const isAuth = false;
return <div>
<p>παρακαλώ, πραγματοποιήστε σύνδεση</p>
</div>;
}
Κάντε έτσι ώστε η παράγραφος με το κείμενο
να εμφανίζεται μόνο εάν στο isAuth είναι γραμμένο
false.