JSX да қисқартирилган шартлар учун инвертлаш

Тескари ҳолат ҳам бўлиши мумкин: агар шарт ёлғон бўлса, матнни киритиш керак, агар ҳақиқий бўлса, ҳеч нарса қилманг. Бунинг учун ! оператори ёрдамида константани инвертлашни бажариш керак.

Кейинги мисолда, агар hide да false бўлса, матн билан абзац киритилади:

jsxfunction App() {
  const hide = false;
  
  return <div>
    {!hide && <p>text</p>}
  </div>;
}

jsxfunction App() {
  const isAuth = false;
  
  return <div>
    <p>илтимос, авторизасиядан ўтинг</p>
  </div>;
}