&& օպերատորի օգտագործումը 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>;
}