Brug af && operatoren i JSX

Vi kan have brug for at indsætte tekst, hvis en betingelse er sand, og ikke gøre noget, hvis den er falsk. Dette gøres ved hjælp af operatoren &&.

Lad os se dens funktion med et eksempel. I den følgende kode, hvis show er true, vil et afsnit med tekst blive indsat, og hvis det er false, vil intet blive indsat:

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

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