JSX да && операторидан фойдаланиш

Бизга шарт рост бўлганда матнни қўйиш, ёмон бўлганда эҳеч нарса қилмаслик керак бўлиши мумкин. Бу && оператори орқали бажарилади.

Келгила, унинг ишлашини мисолда кўрамиз. Кейинги кодда, агар show да true бўлса, матн билан абзац қўшилади, агар false бўлса, ҳеч нарса қўшилмайди:

jsxfunction App() {
  const show = true;
  
  return <div>
    {show && <p>text</p>}
  </div>;
}

jsxfunction App() {
  const isAuth = true;
  
  return <div>
    <p>сиз авторизацијадан ўтгансиз</p>
  </div>;
}