Invertierung für verkürzte Bedingungen in JSX
Es kann auch die umgekehrte Situation auftreten: Es muss
Text eingefügt werden, wenn die Bedingung falsch ist, und nichts
unternommen werden, wenn sie wahr ist. Dazu muss
die Konstante mit dem Operator !
invertiert werden.
Im folgenden Beispiel wird, wenn in hide
false steht, ein Absatz mit dem Text eingefügt:
function App() {
const hide = false;
return <div>
{!hide && <p>text</p>}
</div>;
}
Gegeben ist der folgende Code:
function App() {
const isAuth = false;
return <div>
<p>Bitte loggen Sie sich ein</p>
</div>;
}
Sorgen Sie dafür, dass der angegebene Absatz mit dem Text
nur angezeigt wird, wenn in isAuth
false gespeichert ist.
