title: Unable to render data from API in React, no errors displayed
body: <p>I am using Django Rest Framework to send data to React app. But the data is being shown on screen.
  The code isnt returning any errors thus making it difficult to see whats going wrong. This is my second React project thus i am not too familiar with React &amp; JS as of now.
  This is my code:</p>
  <pre><code>import { render } from &quot;@testing-library/react&quot;;
  import axios from &quot;axios&quot;;
  import React, { Component, useState, useEffect } from &quot;react&quot;;
  
  const api_url = &quot;http://localhost:8000/api/CBView/&quot;
  
  class StocksHomePage extends Component {
      constructor(props) {
          super(props);
          this.state = {
              isFetching:false,
              data_s :[]
          };       
      }
      componendDidMount() {
          this.fetchData();
          this.timer = setInterval(() =&gt; this.fetchData(), 50);
      }
      fetchData = () =&gt; {
          this.setState({...this.state, isFetching:true});
          axios.get(api_url)
               .then (response =&gt; {
                   this.setState({data_s:response.data[0]})
               })
               .catch(e =&gt; {
                   console.log(e);
                   this.setState({...this.state, isFetching:false});
               });
      };
  
      render() {
          return (
              &lt;div&gt;
                  {this.state.data_s.map(m =&gt; &lt;p&gt;{m.co_S}&lt;/p&gt;)}
                  {/* &lt;p data={this.state.data_s.co_S} &gt;&lt;/p&gt; */}
                      &lt;ul&gt;
                          &lt;li isKey dataField='co_N'&gt;&lt;/li&gt;
                          &lt;li dataField='co_S'&gt;&lt;/li&gt;
                          &lt;li dataField='price'&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                      
                  &lt;p&gt;{this.state.isFetching ? 'Fetching users...' : ''}&lt;/p&gt;
              &lt;/div&gt;
          )
      }
  }
  </code></pre>