Invertēšana saīsinātajiem nosacījumiem JSX
Var rasties arī apgriezta situācija: nepieciešams
ievietot tekstu, ja nosacījums ir nepatiess, un neko
nedarīt, ja tas ir patiess. Lai to izdarītu, nepieciešams
invertēt konstanti, izmantojot
operatoru !.
Nākamajā piemērā, ja hide ir
false, tiks ievietots rindkopa ar tekstu:
function App() {
const hide = false;
return <div>
{!hide && <p>text</p>}
</div>;
}
Dots šāds kods:
function App() {
const isAuth = false;
return <div>
<p>lūdzu, autorizējieties</p>
</div>;
}
Izdariet tā, lai norādītā rindkopa ar tekstu
tiktu rādīta tikai tad, ja isAuth ir
false.
