Инвертиране за съкратени условия в 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.