Inversarea condițiilor scurte în JSX
Poate exista și situația inversă: trebuie să
introduceți text dacă condiția este falsă și să
nu faceți nimic dacă este adevărată. Pentru aceasta, trebuie
să inversați constanta folosind
operatorul !.
În următorul exemplu, dacă în hide este
false, atunci va fi introdus un paragraf cu textul:
function App() {
const hide = false;
return <div>
{!hide && <p>text</p>}
</div>;
}
Este dat următorul cod:
function App() {
const isAuth = false;
return <div>
<p>vă rugăm să vă autentificați</p>
</div>;
}
Faceți astfel încât paragraful cu textul dat
să fie afișat numai dacă în isAuth este
false.
