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:

jsxfunction App() {
  const show = true;
  
  return <div>
    {show && <p>text</p>}
  </div>;
}

jsxfunction App() {
  const isAuth = true;
  
  return <div>
    <p>siz avtorizasiyadan keçmisiniz</p>
  </div>;
}