Выкарыстанне аператара && у JSX
Нам можа спатрэбіцца выканаць устаўку тэксту,
калі ўмова ідзейная, і нічога не рабіць,
калі ілжывая. Гэта робіцца з дапамогай аператара
&&.
Давайце паглядзім яго працу на прыкладзе.
У наступным кодзе, калі ў show будзе
true, то ўставіцца абзац з тэкстам,
а калі будзе false, то нічога не ўставіцца:
function App() {
const show = true;
return <div>
{show && <p>text</p>}
</div>;
}
Дадзены наступны код:
function App() {
const isAuth = true;
return <div>
<p>вы аўтарызаваны</p>
</div>;
}
Зрабіце так, каб прыведзены абзац з тэкстам
паказваўся толькі калі ў isAuth запісана
true.
