Använda operatorn && i JSX

Vi kan behöva infoga text om villkoret är sant, och inte göra något om det är falskt. Detta görs med operatorn &&.

Låt oss titta på hur den fungerar med ett exempel. I följande kod, om show är true, så kommer ett stycke med text att infogas, och om det är false, så infogas ingenting:

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

jsxfunction App() {
  const isAuth = true;
  
  return <div>
    <p>du är inloggad</p>
  </div>;
}