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>;
}