Operatoriaus && naudojimas JSX

Mums gali tekti atlikti teksto įterpimą, jei sąlyga teisinga, ir nieko nedaryti, jei klaidinga. Tai daroma naudojant operatorių &&.

Pažiūrėkime jo veikimą pavyzdžiu. Toliau pateiktame kode, jei show bus true, bus įterptas pastraipa su tekstu, o jei bus false, niekas nebus įterpta:

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

jsxfunction App() {
  const isAuth = true;
  
  return <div>
    <p>esate autorizuotas</p>
  </div>;
}