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>;
}