Ich entwickle gerade eine App mit React und muss Daten von einer API abrufen, aber jedes Mal, wenn ich die Seite lade, wird eine doppelte Anfrage gestellt und die App wird langsam. Ich habe bereits useEffect versucht, aber es passiert trotzdem - was mache ich falsch?
Das doppelte Request in der Entwicklung ist bei React 18 mit aktiviertem StrictMode fast sicher, da dieser Komponenten absichtlich ein- und aushängt, um Nebenwirkungen zu erkennen. Um das zu vermeiden, stelle sicher, dass dein useEffect eine leere Abhängigkeit `[]` hat, wenn du ihn nur einmal beim Mounten ausführen möchtest, und bereinige ausstehende Requests mit einem AbortController oder einem Boolean-Flag in der Cleanup-Funktion, damit er nicht versucht, den State zu aktualisieren, wenn die Komponente unmountet wird. Falls du das bereits hast und es immer noch langsam ist, liegt das Problem wahrscheinlich daran, dass du den State unnötig aktualisierst oder massive Renders verursachst; nutze React DevTools Profiler, um zu sehen, wo es hängenbleibt, und erwäge, `useMemo` oder `useCallback` zu verwenden, wenn du viele Berechnungen hast oder Callbacks an untergeordnete Komponenten weitergibst.
Anmeldenzum Beantworten.
