Trying to fetch data inside render() causing multiple requests
Preventing Multiple API Requests in React Components A common performance issue in React applications occurs when data fetching is incorrectly placed in the render method or directly in the component….