JSX-də && operatorundan istifadə
Bizə şərt doğru olduqda mətn daxil etmək,
yalnış olduqda isə heç nə etməmək lazım ola bilər.
Bu, && operatoru vasitəsilə edilir.
Gəlin onun işini bir nümunə ilə görək.
Aşağıdakı kodda, əgər show
true olarsa, mətni olan abzas daxil ediləcək,
əgər false olarsa, heç nə daxil edilməyəcək:
function App() {
const show = true;
return <div>
{show && <p>text</p>}
</div>;
}
Aşağıdakı kod verilmişdir:
function App() {
const isAuth = true;
return <div>
<p>siz avtorizasiyadan keçmisiniz</p>
</div>;
}
Elə edin ki, göstərilən mətni olan abzas
yalnız isAuth-də true yazıldıqda göstərilsin.