Bruk av &&-operatoren i JSX

Vi kan ha behov for å sette inn tekst hvis betingelsen er sann, og ikke gjøre noe hvis den er usann. Dette gjøres ved hjelp av operatoren &&.

La oss se hvordan den fungerer med et eksempel. I følgende kode, hvis show er true, vil en avsnitt med tekst bli satt inn, og hvis den er false, vil ingenting bli satt inn:

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

jsxfunction App() {
  const isAuth = true;
  
  return <div>
    <p>du er autorisert</p>
  </div>;
}