Operātora && izmantošana JSX

Mums var būt nepieciešams ievietot tekstu, ja nosacījums ir patiess, un neko nedarīt, ja tas ir nepatiess. Tas tiek darīts, izmantojot operatoru &&.

Apskatīsim tā darbību ar piemēru. Nākamajā kodā, ja show būs true, tad tiks ievietots rindkopa ar tekstu, un, ja būs false, tad nekas netiks ievietots:

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

jsxfunction App() {
  const isAuth = true;
  
  return <div>
    <p>jūs esat autorizējies</p>
  </div>;
}