Verwendung des &&-Operators in JSX

Möglicherweise müssen wir Text einfügen, wenn eine Bedingung wahr ist, und nichts tun, wenn sie falsch ist. Dies geschieht mit dem Operator &&.

Sehen wir uns seine Funktionsweise an einem Beispiel an. Im folgenden Code wird, wenn show true ist, ein Absatz mit Text eingefügt, und wenn false ist, wird nichts eingefügt:

jsxfunction App() {
  const show = true;
  
  return <div>
    {show && <p>text</p>}
  </div>;
}

jsxfunction App() {
  const isAuth = true;
  
  return <div>
    <p>Sie sind autorisiert</p>
  </div>;
}