Utilizarea operatorului && în JSX

S-ar putea să avem nevoie să inserăm text, dacă condiția este adevărată și să nu facem nimic, dacă este falsă. Acest lucru se realizează folosind operatorul &&.

Să vedem cum funcționează cu un exemplu. În următorul cod, dacă în show va fi true, atunci se va insera un paragraf cu text, iar dacă va fi false, atunci nu se va insera nimic:

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

jsxfunction App() {
  const isAuth = true;
  
  return <div>
    <p>sunteți autentificat</p>
  </div>;
}