Utilizzo delle condizioni in JSX
Facciamo in modo che, a seconda
del contenuto della costante show, sullo schermo
venga visualizzato un testo oppure un altro:
function App() {
let text;
const show = true;
if (show) {
text = 'text1';
} else {
text = 'text2';
}
return <div>
{text}
</div>;
}
Si può fare in modo che la variabile contenga non il testo, ma il tag:
function App() {
let text;
const show = true;
if (show) {
text = <p>text1</p>;
} else {
text = <p>text2</p>;
}
return <div>
{text}
</div>;
}
