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 ёзилган бўлгандагина кўрсатилишини таъминланг.
