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:
function App() {
const show = true;
return <div>
{show && <p>text</p>}
</div>;
}
Gegeben ist der folgende Code:
function App() {
const isAuth = true;
return <div>
<p>Sie sind autorisiert</p>
</div>;
}
Sorgen Sie dafür, dass der angegebene Absatz mit dem Text
nur angezeigt wird, wenn in isAuth true
gespeichert ist.
