Інвертаванне для скарочаных умоў у 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.
