Инвертирование для сокращенных условий в 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.