Best way to show a loading spinner/gif while my React component is fetching via AJAX?

Question

Imagine I have a very simple React component that shows a list of elements that are stored in this.state.myList (see example below)

Hitting a \"Refresh\" bu

Answer 1

small edit from @Tom's answer above.

render: function() {
    return (
        

            

                {
                    this.state.fetchInProgress ?
                        
                    :
                        this.state.myList.map(function(item) {
                            return 
{item.name}
                        })
                }
            

            
        
    );
}