Użycie operatora && w JSX

Może zaistnieć potrzeba wstawienia tekstu, jeśli warunek jest prawdziwy, i nie robienia niczego, jeśli jest fałszywy. Robi się to za pomocą operatora &&.

Przyjrzyjmy się jego działaniu na przykładzie. W następującym kodzie, jeśli w show będzie true, to wstawi się akapit z tekstem, a jeśli będzie false, to nic się nie wstawi:

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

jsxfunction App() {
  const isAuth = true;
  
  return <div>
    <p>jesteś zalogowany</p>
  </div>;
}