Использование оператора && в 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.