# React Sicherheit & Best Practices (React / Next.js) > XSS-Prävention, CSRF-Schutz, dangerouslySetInnerHTML, Content Security Policy, HTTPS, Sanitization - 22 Interview-Fragen - Senior - [Interview-Fragen: React / Next.js](https://sharpskill.dev/de/technologies/react-next/interviewfragen.md) ## 1. Was ist ein XSS (Cross-Site Scripting) Angriff? **Antwort** Ein XSS-Angriff besteht darin, bösartigen JavaScript-Code in eine Webanwendung einzuschleusen, um ihn im Browser anderer Benutzer auszuführen. Der Angreifer nutzt Validierungs- oder Escape-Schwachstellen aus, um Cookies, Session-Tokens zu stehlen oder nicht autorisierte Aktionen durchzuführen. React bietet nativen Schutz durch automatisches Escaping von JSX-Werten, aber Schwachstellen bleiben bei dangerouslySetInnerHTML oder direkter DOM-Manipulation bestehen. ## 2. Wie schützt React standardmäßig gegen XSS-Angriffe? **Antwort** React escaped automatisch alle über JSX eingefügten Werte, indem es sie vor dem Rendern in Klartext umwandelt. Dieser Schutz verhindert die Ausführung bösartiger Skripts, selbst wenn HTML-Code in die Daten injiziert wird. Im Gegensatz zu innerHTML, das HTML interpretiert und ausführt, behandelt React Tags als Klartext, wodurch die Injektion von bösartigem JavaScript über Standard-Props oder State unmöglich wird. ## 3. Warum gilt dangerouslySetInnerHTML in React als gefährlich? **Antwort** Diese Eigenschaft umgeht Reacts nativen XSS-Schutz, indem sie rohes HTML ohne Escaping direkt in das DOM einfügt. Wenn der Inhalt aus einer nicht vertrauenswürdigen Quelle oder einer externen API stammt, kann er bösartiges JavaScript enthalten, das ausgeführt wird. Der explizite Name dangerouslySetInnerHTML zwingt Entwickler, das Sicherheitsrisiko bewusst zu erkennen und eine ordnungsgemäße Sanitization mit Bibliotheken wie DOMPurify zu implementieren. ## 19 weitere Fragen verfügbar - Was ist der Hauptunterschied zwischen einem Stored XSS und Reflected XSS Angriff? - Welchen Ansatz sollte man bevorzugen, um HTML von einer externen API in React anzuzeigen? Kostenlos registrieren: https://sharpskill.dev/de/login ## Weitere React / Next.js-Interviewthemen - [JavaScript-Grundlagen](https://sharpskill.dev/de/technologies/react-next/interviewfragen/javascript-essentials.md): 25 Fragen, Junior - [React-Grundlagen](https://sharpskill.dev/de/technologies/react-next/interviewfragen/react-fundamentals.md): 20 Fragen, Junior - [React Hooks](https://sharpskill.dev/de/technologies/react-next/interviewfragen/react-hooks.md): 22 Fragen, Junior - [Komponentenlebenszyklus](https://sharpskill.dev/de/technologies/react-next/interviewfragen/component-lifecycle.md): 18 Fragen, Junior - [React Router](https://sharpskill.dev/de/technologies/react-next/interviewfragen/react-router.md): 20 Fragen, Junior - [Zustandsverwaltung mit Context](https://sharpskill.dev/de/technologies/react-next/interviewfragen/state-management-context.md): 18 Fragen, Junior - [Formulare & Controlled Components](https://sharpskill.dev/de/technologies/react-next/interviewfragen/forms-controlled-components.md): 20 Fragen, Mid-Level - [Datenabruf & API](https://sharpskill.dev/de/technologies/react-next/interviewfragen/fetching-data-api.md): 20 Fragen, Mid-Level - [React Query (TanStack Query)](https://sharpskill.dev/de/technologies/react-next/interviewfragen/react-query-tanstack.md): 20 Fragen, Mid-Level - [Styling & CSS-in-JS](https://sharpskill.dev/de/technologies/react-next/interviewfragen/styling-css-in-js.md): 18 Fragen, Mid-Level - [Next.js Grundlagen](https://sharpskill.dev/de/technologies/react-next/interviewfragen/nextjs-fundamentals.md): 25 Fragen, Mid-Level - [TypeScript mit React](https://sharpskill.dev/de/technologies/react-next/interviewfragen/typescript-react.md): 20 Fragen, Mid-Level - [Next.js Data Fetching](https://sharpskill.dev/de/technologies/react-next/interviewfragen/nextjs-data-fetching.md): 24 Fragen, Mid-Level - [Next.js Server Actions](https://sharpskill.dev/de/technologies/react-next/interviewfragen/nextjs-server-actions.md): 20 Fragen, Mid-Level - [Routing & Navigation in Next.js](https://sharpskill.dev/de/technologies/react-next/interviewfragen/nextjs-routing-navigation.md): 22 Fragen, Mid-Level - [Next.js API Routes](https://sharpskill.dev/de/technologies/react-next/interviewfragen/nextjs-api-routes.md): 20 Fragen, Mid-Level - [Next.js Metadata & SEO](https://sharpskill.dev/de/technologies/react-next/interviewfragen/nextjs-metadata-seo.md): 18 Fragen, Mid-Level - [Next.js Middleware & Auth](https://sharpskill.dev/de/technologies/react-next/interviewfragen/nextjs-middleware-auth.md): 22 Fragen, Mid-Level - [React Testing](https://sharpskill.dev/de/technologies/react-next/interviewfragen/react-testing.md): 20 Fragen, Mid-Level - [Zustand State Management](https://sharpskill.dev/de/technologies/react-next/interviewfragen/zustand-state-management.md): 18 Fragen, Mid-Level - [React Performance-Optimierung](https://sharpskill.dev/de/technologies/react-next/interviewfragen/react-performance-optimization.md): 22 Fragen, Senior - [Error Boundaries & Error Handling](https://sharpskill.dev/de/technologies/react-next/interviewfragen/react-error-boundaries.md): 18 Fragen, Senior - [Advanced React Patterns](https://sharpskill.dev/de/technologies/react-next/interviewfragen/advanced-react-patterns.md): 20 Fragen, Senior - [Erweiterte Next.js-Funktionen](https://sharpskill.dev/de/technologies/react-next/interviewfragen/nextjs-advanced-features.md): 24 Fragen, Senior - [Next.js Deployment & Produktion](https://sharpskill.dev/de/technologies/react-next/interviewfragen/nextjs-deployment-production.md): 20 Fragen, Senior - [Architecture & Design Patterns](https://sharpskill.dev/de/technologies/react-next/interviewfragen/react-architecture-patterns.md): 22 Fragen, Senior - [React Server Components](https://sharpskill.dev/de/technologies/react-next/interviewfragen/react-server-components.md): 26 Fragen, Senior - [Next.js Internationalisierung](https://sharpskill.dev/de/technologies/react-next/interviewfragen/nextjs-internationalization.md): 20 Fragen, Senior --- Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack. HTML version of this page: https://sharpskill.dev/de/technologies/react-next/interviewfragen/react-security-best-practices