Snippet

Bedingtes Rendering mit dem UND-Operator

In JavaScript 'kurzschließt' der logische UND-Operator (&&). Wenn der erste Wert wahr ist, gibt er den zweiten Wert zurück, was schnelles bedingtes Rendering ermöglicht.

snippet.js

javascript

function Banner() {
  const showMessage = true;
  return <div>{showMessage && <p>Welcome!</p>}</div>;
}

react

Erklärung

{showMessage && <p>Welcome!</p>}

Der Absatz wird nur gerendert, wenn 'showMessage' als wahr ausgewertet wird.

Vorheriges Snippet Nächstes Snippet

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

Bedingtes Rendering mit dem UND-Operator

Verwandt