Оператори тернарии дар 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>;
}