ოპერატორ &&-ის გამოყენება 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>;
}