Objects are not valid as a React child (found: [object Promise]). How to pass data to a function inside jsx?

Question

I am mapping through an array and displaying elements dynamically. By the time I want to call a function and to do an API call and to display the response along with the map