javascript / beginner
Snippet
Bedingtes Rendering mit &&
Der logische UND-Operator (&&) ist ein gängiges Muster in React und Next.js für bedingtes Rendering. Wenn die linke Seite wahr ist, wird die rechte Seite (das JSX) gerendert.
snippet.js
1
2
3
4
5
6
7
export default function UserProfile({ isLoggedIn }) {return (<div>{isLoggedIn && <button>Logout</button>}</div>);}
nextjs
Erklärung
1
{isLoggedIn && <button>Logout</button>}
Wenn isLoggedIn wahr ist, wird der Button gerendert. Wenn falsch, wird nichts angezeigt.