Application de conditions en JSX
Faisons en sorte qu'en fonction
du contenu de la constante show, un texte
ou un autre s'affiche à l'écran :
function App() {
let text;
const show = true;
if (show) {
text = 'text1';
} else {
text = 'text2';
}
return <div>
{text}
</div>;
}
On peut faire en sorte que la variable stocke non pas du texte, mais une balise :
function App() {
let text;
const show = true;
if (show) {
text = <p>text1</p>;
} else {
text = <p>text2</p>;
}
return <div>
{text}
</div>;
}