Invertering för förkortade villkor i JSX
Den omvända situationen kan också uppstå: du behöver
sätta in text om villkoret är falskt och inte
göra någonting om det är sant. För att göra detta måste du
invertera konstanten med hjälp av
operatorn !.
I nästa exempel, om hide innehåller
false, kommer ett stycke med text att infogas:
function App() {
const hide = false;
return <div>
{!hide && <p>text</p>}
</div>;
}
Följande kod ges:
function App() {
const isAuth = false;
return <div>
<p>vänligen logga in</p>
</div>;
}
Gör så att det angivna textstycket
visas endast om isAuth innehåller
false.
