Opereta ya Ternary katika JSX

Kama unavyojua tayari, ndani ya mabano ya curly unaweza kutekeleza msimbo wa JavaScript. Kwa kweli huu msimbo hauwezi kuwa wowote, lakini ni rahisi zaidi.

Hasa, masharti if hayawezi kutumika hapo. Badala yake, unapaswa kutumia lahaja zilizofupishwa za masharti.

Wacha kutegemea thamani ya konstanti show tuonyeshe maandishi moja au mengine. Tutumie kwa hili opereta ya ternary:

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

Inaweza kufanya kazi sio tu na maandishi, lakini pia na vitambulisho:

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

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