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 жазылган учурда көрсөтүлүшү үчүн кылыңыз.