# Инвертирование для сокращенных условий в JSX в JSX

Может быть и обратная ситуация: нужно выполнить вставку текста, если условие ложно, и ничего не делать, если истинно. Для этого нужно выполнить инвертирования константы с помощью оператора `!`.

В следующем примере, если в `hide` будет `false`, то вставится абзац с текстом:

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

Дан следующий код:

`function App() { const isAuth = false; return <div> <p>пожалуйста, авторизуйтесь</p> </div>; }`

Сделайте так, чтобы приведенный абзац с текстом показывался только если в `isAuth` записано `false`.

←→
↑