Kurzschluss-Auswertung mit dem logischen UND (&&)

Snippet

Kurzschluss-Auswertung mit dem logischen UND (&&)

In React kannst du den logischen UND-Operator (&&) von JavaScript verwenden, um Elemente bedingt zu rendern. Wenn die erste Bedingung wahr ist, wird das Element nach dem && gerendert; wenn sie falsch ist, ignoriert React es.

snippet.js
javascript
function Welcome({ isLoggedIn }) {
  return (
    <div>
      {isLoggedIn && <h1>Welcome back!</h1>}
      <p>Enjoy your stay.</p>
    </div>
  );
}

react

Erklärung

{isLoggedIn && <h1>Welcome back!</h1>}

Wenn isLoggedIn wahr ist, wird das h1-Tag zurückgegeben. Wenn falsch, wird für diesen Ausdruck nichts gerendert.

Vorheriges Snippet Nächstes Snippet

Mehr JavaScript-Übungen für Anfänger →

Verwandt

Aus deiner Bibliothek