Выкарыстанне аператара && у JSX

Нам можа спатрэбіцца выканаць устаўку тэксту, калі ўмова ідзейная, і нічога не рабіць, калі ілжывая. Гэта робіцца з дапамогай аператара &&.

Давайце паглядзім яго працу на прыкладзе. У наступным кодзе, калі ў show будзе true, то ўставіцца абзац з тэкстам, а калі будзе false, то нічога не ўставіцца:

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

jsxfunction App() {
  const isAuth = true;
  
  return <div>
    <p>вы аўтарызаваны</p>
  </div>;
}