ტერნარული ოპერატორი JSX-ში

როგორც უკვე იცით, ხვეული ფრჩხილების შიგნით შესაძლებელია JavaScript კოდის შესრულება. სინამდვილეში ეს კოდი შეიძლება არ იყოს ნებისმიერი, არამედ მხოლოდ ყველაზე მარტივი.

კერძოდ, პირობები if იქ გამოყენება შეუძლებელია. მათი ნაცვლად უნდა გამოიყენოთ შემოკლებული ვარიანტები პირობების.

მოდით, კონსტანტის მნიშვნელობიდან გამომდინარე show გამოვიტანოთ ერთი ან სხვა ტექსტი. გამოვიყენოთ ამისთვის ტერნარული ოპერატორი:

jsxfunction App() {
  const show = true;
  
  return <div>
    {show ? 'text1' : 'text2'}
  </div>;
}

შესაძლებელია მუშაობა არა მხოლოდ ტექსტებთან, არამედ ტეგებთან:

jsxfunction App() {
  const show = true;
  
  return <div>
    {show ? <p>text1</p> : <p>text2</p>}
  </div>;
}

jsxfunction App() {
  const age = 19;
  
  return <div>
    
  </div>;
}