JSX හි && ක්රියාකරු භාවිතා කිරීම
කොන්දේසිය සත්ය නම් පාඨය ඇතුල් කිරීමටත්,
මිථ්යා නම් කිසිවක් නොකිරීමටත් අපට අවශ්ය විය හැකිය.
මෙය සිදු කරනු ලබන්නේ
&& ක්රියාකරුවා භාවිතා කරමිනි.
උදාහරණයක් මත එහි ක්රියාකාරිත්වය බලමු.
පහත කේතයේ, show හි
true තිබේ නම්, පාඨය සහිත ඡේදය ඇතුල් වනු ඇත,
false තිබේ නම්, කිසිවක් ඇතුල් නොවේ:
function App() {
const show = true;
return <div>
{show && <p>text</p>}
</div>;
}
පහත කේතය ලබා දී ඇත:
function App() {
const isAuth = true;
return <div>
<p>ඔබ සත්යාපනය කර ඇත</p>
</div>;
}
isAuth හි true ලියා ඇත්තේ නම් පමණක් ඉදිරිපත් කරන ලද පාඨය සහිත ඡේදය
පෙන්වන ලෙස සකසන්න.
