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