JSX හි ත්රිත්ව මෙහෙයුම
ඔබ දැනටමත් දන්නා පරිදි, උරග කොටස් තුළ ඔබට JavaScript කේතය ක්රියාත්මක කළ හැකිය. ඇත්ත වශයෙන්ම මෙම කේතය ඕනෑම එකක් නොව, ඉතා සරලම එකක් පමණක් විය හැකිය.
විශේෂයෙන්ම, if කොන්දේසි
එහි යෙදිය නොහැක. ඒ වෙනුවට කෙටි
කොන්දේසි විකල්ප භාවිතා කළ යුතුය.
show නියතයේ අගය අනුව
පෙළ එකක් හෝ වෙනත් පෙළක් ප්රදර්ශනය කරමු. මේ සඳහා
ත්රිත්ව මෙහෙයුම භාවිතා කරමු:
function App() {
const show = true;
return <div>
{show ? 'text1' : 'text2'}
</div>;
}
ඔබට පෙළ සමඟ පමණක් නොව, ටැග් සමඟද වැඩ කළ හැකිය:
function App() {
const show = true;
return <div>
{show ? <p>text1</p> : <p>text2</p>}
</div>;
}
පහත කේතය ලබා දී ඇත:
function App() {
const age = 19;
return <div>
</div>;
}
age හි අගය 18 ට වඩා වැඩි නම්,
div ටැගයේ පෙළ තුළ පරිශීලකයාට
එක් පෙළක් සහිත ඡේදයක් පෙන්වන්න,
අඩු නම් - වෙනත් එකක් සමඟ.
