Popular posts

Sorry but I didn't get it how this can solve my problem? What I understood from these is that they help in fetching the data. But, my problem is how can I fetch data from the render() method.

Hi Nirmalya, why do you want to do an API call from render method?

You can accomplish fetching the data in componentWillMount or componentDidMount.

If you explain why is it necessary to call API in render method, I'll see how I can be helpful.

Nirmalya Ghosh You can call a method before your return statement which dispatches an action to fetch the data if you really want to do that in your render() method. I'd still do that in componentWillMount or componentDidMount as Mayank Yadav suggested.

The other libraries are for you to fetch the data and have it ready in the props so that you don't have to do that inside your component.

How can I do that when my .map() is inside the return statement?

Maintain a variable called isLoading and show a spinner/loading element in the beginning in place of the content. You know all the ids before calling return. Inside your render:

{this.props.isLoading && <div>Loading...</div>}

{!this.props.isLoading && <div>Content fetched</div>}

You have to get the result of the API call in your props .