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