Inwersja dla skróconych warunków w JSX
Może zaistnieć również sytuacja odwrotna: należy
wstawić tekst, jeśli warunek jest fałszywy, i nic
nie robić, jeśli jest prawdziwy. Aby to zrobić,
trzeba wykonać inwersję stałej za pomocą
operatora !.
W następującym przykładzie, jeśli w hide będzie
false, wstawiony zostanie akapit z tekstem:
function App() {
const hide = false;
return <div>
{!hide && <p>text</p>}
</div>;
}
Dany jest następujący kod:
function App() {
const isAuth = false;
return <div>
<p>proszę, zaloguj się</p>
</div>;
}
Spraw, aby podany akapit z tekstem
wyświetlał się tylko wtedy, gdy w isAuth zapisano
false.
