Տեռնար օպերատորը 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>;
}