Asynchronous calls in React : useEffect() + useState()

How we do properly handle asyncronous call such retrieve data from some APIs? Well let's keep it simple and assume that those data once retrieve are going to be used in few places so a useState() or few of them will be enough, so in following example...