Utumiaji wa Masharti katika JSX

Wacha tufanye ili kulingana na maudhui ya konstanti show kwenye skrini ionekane maandishi moja au mengine:

jsxfunction App() {
  let text;
  const show = true;
  
  if (show) {
    text = 'maandishi1';
  } else {
    text = 'maandishi2';
  }
  
  return <div>
    {text}
  </div>;
}

Inaweza kufanyika ili kwenye kutofautisha kuhifadhiwe sio maandishi, bali kitambulisho:

jsxfunction App() {
  let text;
  const show = true;
  
  if (show) {
    text = <p>maandishi1</p>;
  } else {
    text = <p>maandishi2</p>;
  }
  
  return <div>
    {text}
  </div>;
}