Operaatori && kasutamine JSX-is

Meil võib tekkida vajadus lisada teksti, kui tingimus on tõene, ja mitte teha midagi, kui see on väär. Seda tehakse operaatori && abil.

Vaatame selle toimimist näite varal. Järgmises koodis, kui show-s on true, sisestatakse tekstiga lõik, ja kui see on false, siis midagi ei sisestata:

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

jsxfunction App() {
  const isAuth = true;
  
  return <div>
    <p>sa oled autoriseeritud</p>
  </div>;
}