Why is the frontend sending a lot of requests to the backend?

Question

React

my component :

export const GroupList = props => {
  const[groups, setGroups] = useState([]);

useEffect(()=>{
  retrieveGroups();
})

const retrieveGroups = () => {
  BackendService.getAllGroups()
  .then(response => {
    setGroups(response.data);
  })
  .catch(e => {
    console.log(e);
  });
return(...)
}

and for some reason many requests are sent:


how to make sure that this does not happen and what affects it?

Answer 1

useEffect(()=>{
  retrieveGroups();
},[])