How to wait for AJAX response and only after that render the component?

Question

I have a problem with one of my React components. I think AJAX doesn\'t load all the content from external server before React renders the ChildComp component.<

Answer 1

Just do the AJAX call in componentDidMount() and in render you can simply check...

if(this.state.response === '' || this.state.response === [] || this.state.response === undefined)
return 
else{

// do your stuff here

}

OR if you are using react 16.6 or more, you can simply use lazy components.