Kurzschluss-Rendern mit &&

Snippet

Kurzschluss-Rendern mit &&

Der logische UND-Operator (&&) wird verwendet, um Elemente bedingt darzustellen. Wenn die linke Seite wahr ist, wird die rechte Seite gerendert; wenn falsch, wird nichts angezeigt.

snippet.js
javascript
const StatusLight = (props) => {
  return (
    <div>
      {props.isActive && <div className="green-dot" />}
      Active Status
    </div>
  );
};

react

Erklärung

{props.isActive && <div ... />}

React wertet den Ausdruck aus; das div wird nur erstellt, wenn props.isActive 'truthy' ist.

Vorheriges Snippet Nächstes Snippet

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

Verwandt

Aus deiner Bibliothek