Interviewfragen zu React (Junior) mit Antworten

75 Fragen fürs Vorstellungsgespräch zu React (Junior) mit richtigen Antworten, Erklärungen und Links zur Dokumentation.

Diesen Test machen
  1. 1.Was ist React?
  2. 2.Was ist das virtuelle DOM in React?
  3. 3.Wozu wird JSX beim Build umgewandelt?
  4. 4.Wie setzt man in JSX eine CSS-Klasse auf ein Element?
  5. 5.Warum kann man in JSX nicht {if (isAdmin) { <Admin /> }} schreiben?
  6. 6.Warum funktioniert die Komponente function card() { ... } nicht als <card />?
  7. 7.Wie gibt man aus einer Komponente zwei benachbarte Elemente ohne zusätzlichen DOM-Wrapper zurück?
  8. 8.Darf man Props in einer Kindkomponente verändern?
  9. 9.Wie kann eine Kindkomponente Daten an die Elternkomponente übergeben?
  10. 10.Was ist children in React?
  11. 11.Was gibt useState(0) zurück?
  12. 12.Was gibt console.log nach einem Klick aus?
  13. 13.Welchen Wert hat count nach einem Klick, wenn der Anfangswert 0 ist?
  14. 14.Warum wurde die Komponente nicht neu gerendert?
  15. 15.Wie fügt man einem Array im Zustand richtig ein Element hinzu?
  16. 16.Welcher Wert eignet sich am besten als key in einer Liste?
  17. 17.Was wird gerendert, wenn items = [] ist?
  18. 18.Was ist falsch an <button onClick={handleClick()}>?
  19. 19.Wie verhindert man in React das Standardverhalten beim Absenden eines Formulars?
  20. 20.Was ist ein kontrolliertes Eingabefeld (controlled input)?
  21. 21.React warnt: „You provided a value prop to a form field without an onChange handler“. Was ist passiert?
  22. 22.Zwei benachbarte Komponenten brauchen dieselben Daten, die sie ändern können. Was tust du zuerst?
  23. 23.Was ist Prop Drilling?
  24. 24.Wann läuft der Effekt useEffect(() => { ... }, [])?
  25. 25.Wann läuft ein Effekt ohne Abhängigkeitsarray: useEffect(() => { ... })?
  26. 26.Wann wird die von useEffect zurückgegebene Funktion aufgerufen?
  27. 27.Worin unterscheidet sich useRef von useState?
  28. 28.Welche Hook-Regel wird verletzt?
  29. 29.Warum muss der Name eines Custom Hooks mit use beginnen?
  30. 30.Wann wird eine Kindkomponente standardmäßig neu gerendert?
  31. 31.Wie setzt man in JSX einen Inline-Style?
  32. 32.Welche Schritte braucht man, um Daten über Context weiterzugeben?
  33. 33.Was gibt useContext(MyContext) zurück, wenn über der Komponente kein Provider ist?
  34. 34.Warum ruft <StrictMode> in der Entwicklung Rendern und Effekte zweimal auf?
  35. 35.Wofür wird React.lazy verwendet?
  36. 36.Was braucht React.lazy, um zu funktionieren?
  37. 37.Warum scheitert lazy(() => import('./Chart')), wenn Chart.tsx nur export function Chart enthält?
  38. 38.Was ist an dangerouslySetInnerHTML gefährlich?
  39. 39.Wie hängt man in React 18+ eine App an ein DOM-Element?
  40. 40.Was ist eine „reine“ Komponente im Sinne von React?
  41. 41.Wie rendert man eine Liste von Nutzern aus dem Array users?
  42. 42.Was ist Redux?
  43. 43.Was wird im klassischen Redux (ohne Immer) von einem Reducer verlangt?
  44. 44.Was macht configureStore aus Redux Toolkit?
  45. 45.Wofür sind useSelector und useDispatch da?
  46. 46.Was erzeugt createSlice?
  47. 47.Welches Problem löst TanStack Query in erster Linie?
  48. 48.Was muss man useQuery übergeben?
  49. 49.Worin unterscheiden sich isPending und isFetching in TanStack Query v5?
  50. 50.Was muss man tun, bevor man useQuery in einer App verwendet?
  51. 51.Wie gibt man einer Prop in einer Funktionskomponente einen Standardwert?
  52. 52.Wie rendert man je nach Bedingung eines von zwei Elementen?
  53. 53.Was sollte eine Komponente zurückgeben, um nichts zu rendern?
  54. 54.Welches Attribut verknüpft in JSX ein <label> mit einem Eingabefeld?
  55. 55.Warum scheitert <img src={url}> ohne schließenden Schrägstrich in JSX?
  56. 56.Wie schreibt man einen Kommentar innerhalb von JSX-Markup?
  57. 57.Wann feuert onChange bei einem Textfeld in React?
  58. 58.Wie übergibt man einem Klick-Handler ein Argument?
  59. 59.Wie verhindert man, dass ein Klick innerhalb einer Karte auch das onClick der Karte auslöst?
  60. 60.Müssen key-Werte in der ganzen App eindeutig sein?
  61. 61.Wie setzt man einen key, wenn jeder Listeneintrag mehrere Elemente ohne Wrapper rendert?
  62. 62.Wie fokussiert man ein Eingabefeld, wenn ein Button geklickt wird?
  63. 63.Was macht <Button {...props} />?
  64. 64.Was rendern {false}, {null}, {undefined} und {0} in JSX?
  65. 65.Welche Namenskonvention gilt für Props, die Event-Handler entgegennehmen?
  66. 66.Wie empfiehlt React, UI zwischen Komponenten wiederzuverwenden?
  67. 67.Worin unterscheidet sich defaultValue von value bei einem Eingabefeld?
  68. 68.Wie setzt man in React die ausgewählte Option eines <select>?
  69. 69.Warum rendert diese Liste nichts?
  70. 70.Wofür sind die React Developer Tools nützlich?
  71. 71.Was empfiehlt das React-Team heute, um eine neue App zu starten?
  72. 72.Auf der Seite werden zwei <Counter />-Komponenten gerendert. Teilen sie sich den Zustand?
  73. 73.Warum ruft ein Klick auf <MyButton onClick={save} /> nicht save auf?
  74. 74.Welchen Typ hat size in <Avatar size="40" /> im Vergleich zu <Avatar size={40} />?
  75. 75.Was rendert <input disabled={false} />?