title: Display Array Data through map in react Typescript
body: <p>I try to display Array data but does not display the data on the React web page. AnyOne guide me where is my mistake and correct me. <strong>Please see the comment line //</strong></p>
  <pre><code>/* eslint-disable */
  
  import React, { Component } from 'react';
  
  import axios from 'axios';
  
  
  class RestaurantList extends Component&lt;{}, any&gt; {
  
      constructor(props: any) {
          super(props);
          this.state = { restoLists: null };
      }
  
      componentDidMount() {
  
          axios.get(&quot;http://localhost:3030/restauranst&quot;)
              .then((response) =&gt; {
                  this.setState({ restoLists: response.data })
                  console.log(response);
              })
              .catch((error) =&gt; console.error(error));
      }
  
      render() {
          console.log(this.state.restoLists);
          return (
              &lt;div&gt;
                  &lt;h1&gt;RestaurantList&lt;/h1&gt;
                  {
                      this.state.restoLists ?
                          &lt;div&gt;
                              &lt;ul&gt;
                                  {
                                      this.state.restoLists.map((itme: any) =&gt; {
                                          console.log(itme.name); // work this line
                                          &lt;li&gt;
                                              {itme.name} {/**Does not work this line */}
                                          &lt;/li&gt;
                                      })
  
                                  }
                              &lt;/ul&gt;
                          &lt;/div&gt;
                          :
                      &lt;p&gt;Please Wait...&lt;/p&gt;
                  }
              &lt;/div&gt;
          );
      }
  }
  
  export default RestaurantList;
  </code></pre>
  <p><strong>API Response</strong></p>
  <pre><code>{
    &quot;data&quot;: [
      {
        &quot;id&quot;: 1,
        &quot;name&quot;: &quot;Pizza Hut&quot;,
        &quot;address&quot;: &quot;Dwarka Sector-14&quot;,
        &quot;rating&quot;: &quot;4.5&quot;,
        &quot;email&quot;: &quot;pizzhut@pizza.com&quot;
      },
      {
        &quot;id&quot;: 2,
        &quot;name&quot;: &quot;Mc-Dondle&quot;,
        &quot;address&quot;: &quot;Dwarka Sector-15&quot;,
        &quot;rating&quot;: &quot;4.0&quot;,
        &quot;email&quot;: &quot;mcdondle@mcdon.com&quot;
      }
    ],
    &quot;status&quot;: 200,
    &quot;statusText&quot;: &quot;OK&quot;,
    &quot;headers&quot;: {
      &quot;cache-control&quot;: &quot;no-cache&quot;,
      &quot;content-type&quot;: &quot;application/json; charset=utf-8&quot;,
      &quot;expires&quot;: &quot;-1&quot;,
      &quot;pragma&quot;: &quot;no-cache&quot;
    },
    &quot;config&quot;: {
      &quot;url&quot;: &quot;http://localhost:3030/restauranst&quot;,
      &quot;method&quot;: &quot;get&quot;,
      &quot;headers&quot;: {
        &quot;Accept&quot;: &quot;application/json, text/plain, */*&quot;
      },
      &quot;transformRequest&quot;: [
        null
      ],
      &quot;transformResponse&quot;: [
        null
      ],
      &quot;timeout&quot;: 0,
      &quot;xsrfCookieName&quot;: &quot;XSRF-TOKEN&quot;,
      &quot;xsrfHeaderName&quot;: &quot;X-XSRF-TOKEN&quot;,
      &quot;maxContentLength&quot;: -1,
      &quot;maxBodyLength&quot;: -1
    },
    &quot;request&quot;: {}
  }
  </code></pre>