Die gebruik van die && operator in JSX

Ons mag dit nodig hê om teks in te voeg, indien die voorwaarde waar is, en niks te doen nie, indien dit onwaar is. Dit word gedoen met behulp van die && operator.

Kom ons kyk na die werking daarvan aan die hand van 'n voorbeeld. In die volgende kode, as daar in show true is, sal 'n paragraaf met teks ingevoeg word, en as dit false is, sal niks ingevoeg word nie:

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

jsxfunction App() {
  const isAuth = true;
  
  return <div>
    <p>jy is gemagtig</p>
  </div>;
}