Αναστροφή για συντομευμένες συνθήκες στο JSX

Μπορεί να υπάρξει και η αντίστροφη κατάσταση: πρέπει να εκτελεστεί εισαγωγή κειμένου, εάν η συνθήκη είναι ψευδής, και τίποτα να μην γίνει, εάν είναι αληθής. Για αυτό πρέπει να εκτελέσετε αναστροφή της σταθεράς χρησιμοποιώντας τον τελεστή !.

Στο επόμενο παράδειγμα, εάν στο hide υπάρχει false, τότε θα εισαχθεί μια παράγραφος με κείμενο:

jsxfunction App() {
  const hide = false;
  
  return <div>
    {!hide && <p>text</p>}
  </div>;
}

jsxfunction App() {
  const isAuth = false;
  
  return <div>
    <p>παρακαλώ, πραγματοποιήστε σύνδεση</p>
  </div>;
}