Bedingtes Rendering in React
Man kann es so einrichten, dass Text angezeigt wird,
wenn show true ist, und nicht
angezeigt wird, wenn darin false steht:
function App() {
let text;
const show = true;
if (show) {
text = <p>text</p>;
}
return <div>
{text}
</div>;
}
Angenommen, in der Konstante isAdult ist
true enthalten, wenn der Benutzer bereits 18
Jahre alt ist, und false, wenn nicht:
function App() {
const isAdult = true;
}
Sorgen Sie dafür, dass je nach Wert von
isAdult entweder ein Absatz mit Text
oder ein anderer auf dem Bildschirm angezeigt wird.