Feltételek alkalmazása JSX-ben
Tegyük úgy, hogy a show konstans értékétől
függően vagy az egyik, vagy a másik szöveg
jelenjen meg a képernyőn:
function App() {
let text;
const show = true;
if (show) {
text = 'text1';
} else {
text = 'text2';
}
return <div>
{text}
</div>;
}
Megtehetjük azt is, hogy a változó ne szöveget, hanem egy elemet tartalmazzon:
function App() {
let text;
const show = true;
if (show) {
text = <p>text1</p>;
} else {
text = <p>text2</p>;
}
return <div>
{text}
</div>;
}
