Voorwaardelijke weergave in JSX
Laten we ervoor zorgen dat, afhankelijk
van de inhoud van de constante show, de ene
of de andere tekst op het scherm wordt weergegeven:
function App() {
let text;
const show = true;
if (show) {
text = 'text1';
} else {
text = 'text2';
}
return <div>
{text}
</div>;
}
Je kunt ervoor zorgen dat er niet tekst, maar een tag in de variabele wordt opgeslagen:
function App() {
let text;
const show = true;
if (show) {
text = <p>text1</p>;
} else {
text = <p>text2</p>;
}
return <div>
{text}
</div>;
}
