Debuggaa useEffect-hookin ongelmia kuten turhia uudelleenajoja, puuttuvia riippuvuuksia ja muistivuotoja. Saat selkeän analyysin ja korjausehdotuksen.
Debuggaa useEffect-ongelma. Komponentti: [KOODI] Ongelma: [ONGELMAN_KUVAUS] Huomiot: - Kuinka usein effect suoritetaan: [SUORITUSKERRAT] - Riippuvuudet: [RIIPPUVUUDET] - Cleanup-funktio: [ONKO_CLEANUPIA] Analysoi: 1. Riippuvuuksien oikeellisuus 2. Mahdolliset loputtomat loopit 3. Cleanup-tarpeet 4. Oikea korjaus
Korvaa nämä hakasulkeissa olevat muuttujat omilla tiedoillasi:
[KOODI][ONGELMAN_KUVAUS][SUORITUSKERRAT][RIIPPUVUUDET][ONKO_CLEANUPIA]Debuggaa useEffect-ongelma.
Komponentti:
function UserProfile({ userId }) {
const [user, setUser] = useState(null);
useEffect(() => {
fetchUser(userId).then(setUser);
});
return <div>{user?.name}</div>;
}
Ongelma: Komponentti tekee loputtomasti API-kutsuja
Huomiot:
- Kuinka usein effect suoritetaan: Jatkuvasti
- Riippuvuudet: Ei määritelty
- Cleanup-funktio: Ei
Analysoi riippuvuudet, loopit, cleanup ja korjaus.Korjattu koodi selityksineen.
Debuggaa React-komponentin tilan ongelmia.
KeskitasoLöydä ja korjaa suorituskykyongelmia koodissa.
EdistynytAnalysoi virheviesti järjestelmällisesti ja löydä juurisyy. Saat selkeän selityksen mistä virhe johtuu, konkreettisen korjausehdotuksen ja vinkit vastaavan ongelman välttämiseen.
AloittelijaSelaa kaikkia debuggaus prompteja tai tutustu muihin kategorioihin.