JSX'те кыска шарттарды инверттөө
Тескери жагдай да болушу мүмкүн: эгер шарт
жалган болсо, текстти киргизүү керек, эгер чын
болсо, эч нерсе кылбоо керек. Бул үчүн
! оператору менен константаны инверттөөнү
аткаруу керек.
Төмөнкү мисалда, эгер hide ичинде
false болсо, анда текст менен абзац кирилет:
function App() {
const hide = false;
return <div>
{!hide && <p>text</p>}
</div>;
}
Төмөнкү код берилген:
function App() {
const isAuth = false;
return <div>
<p>сураныч, авторизациядан өтүңүз</p>
</div>;
}
Берилген абзац текстти isAuth ичинде
false жазылган гана учурда көрсөтүлүшү
үчүн кылыңыз.
