user image

Jo Micheal
Published in : 2022-04-07

[solved] useEffect is repeating the request Reactjs

React js

I am using useEffect in my functional component but this method is repeating the request a lot of times until the server response with 429 too many requests, here is the code I am using 

 const getData = useCallback(async () => { try{ let res = await axios.get(BackendURL+'/user/accounts/all'); setAccounts(res.data); }catch(err){ console.error(err); } }); useEffect(() => { getData(); }, [getData]);

Any idea How can I fix it?

Comments

Mohamed Atef Date : 2022-04-07

Best answers

51

Best answers

51

That's because your useCallback function is missing the independence array you need to add [ ] as a second parameter inside the useCallback function so your code should looks like 

 const getData = useCallback(async () => { try{ let res = await axios.get(BackendURL+'/user/accounts/all'); setAccounts(res.data); }catch(err){ console.error(err); } //Note in the line below }, [ ]); useEffect(() => { getData(); }, [getData]);

Good luck

Jo Micheal Date : 2022-04-07

Thanks 

Leave a comment

Join us

Join our community and get the chance to solve your code issues & share your opinion with us

Sign up Now

Related posts

React Redux : Connect is not called
Publish date: 2022-03-02 | Comments: 1

Tag: React js

React Component setState doesn't update my property
Publish date: 2022-03-29 | Comments: 2

Tag: React js

[solved] Reactjs is not updating the props
Publish date: 2022-02-04 | Comments: 2

Tag: React js

[solved] Render/Show a custom option in Autocomplete Material UI?
Publish date: 2021-12-22 | Comments: 2

Tag: React js

import link as router link from 'react-router-dom' Reactjs
Publish date: 2021-09-30 | Comments: 3

Tag: React js