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 жазылған жағдайда ғана
берілген мәтіні бар абзац көрсетілетіндей етіңіз.
