JSX да && операторидан фойдаланиш
Бизга шарт рост бўлганда матнни қўйиш,
ёмон бўлганда эҳеч нарса қилмаслик керак бўлиши мумкин.
Бу && оператори орқали бажарилади.
Келгила, унинг ишлашини мисолда кўрамиз.
Кейинги кодда, агар show да
true бўлса, матн билан абзац қўшилади,
агар false бўлса, ҳеч нарса қўшилмайди:
function App() {
const show = true;
return <div>
{show && <p>text</p>}
</div>;
}
Кейинги код берилган:
function App() {
const isAuth = true;
return <div>
<p>сиз авторизацијадан ўтгансиз</p>
</div>;
}
Кўрсатилган матнли абзац фақат isAuth да
true ёзилган бўлгандагина кўриниши учун қилинг.
