What cleanup functions can be used with this useEffect hook?-PHP Chinese Network Q&A

Article Topic Learning Download Q&A Programming Dictionary Game Recent Updates

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW)

What cleanup functions can be used with this useEffect hook?

P粉364642019 2023-09-15 16:37:58

369

I can't figure out what cleanup function to apply in this useEffect hook. It works fine without the cleanup function.

useEffect(() => {
            const fetchProfileUser = async () => {
                if (profileUserId === existingUser._id) {
                    setprofileUser(existingUser);
                } else {
                    const profileUser = await UserApi.getUser(profileUserId);
                    setprofileUser(profileUser);
                }
            };
            fetchProfileUser();
        });

P粉364642019

reply all(1)

P粉4712073022023-09-16 14:32:52 1 floor

You don't always need a cleanup function. But most of the time, in useEffect you need a dependency array, even if it is empty. If you're doing requests, you definitely need a dependency array.

If you are making a request, you can use AbortController to cancel the request and use the cleanup function if the component is uninstalled.