JSX-də üçlü operator

Artıq bildiyiniz kimi, qıvrım mötərizələr içərisində JavaScript kodunu icra edə bilərsiniz. Əslində bu kod hər hansı bir deyil, yalnız ən sadə ola bilər.

Xüsusilə, if şərtləri orada tətbiq etmək mümkün deyil. Əvəzində qısa şərt variantlarından istifadə etmək tövsiyə olunur.

Gəlin show sabitinin dəyərindən asılı olaraq bir və ya digər mətni çıxaraq. Bunun üçün üçlü operator istifadə edək:

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

Təkcə mətnlərlə deyil, həm də teqlərlə işləmək olar:

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

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