Использование оператора && в 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>;
}