title: Render JSON data from API call in react
body: <p>Working on an app using the google maps API for geolocation with Reactjs. My aim right now is to simply render the entire JSON data to the window (will be used later). No errors, but nothing is rendering to the page. Am I trying to access the data inccorrectly? </p>
  
  <pre><code>class App extends Component {
    constructor () {
      super();
      this.state = {
        isLoaded: false,
        results: {}
      };
    }
  
    componentDidMount() {
      fetch(geo_url)
      .then(res =&gt; res.json())
      .then(
        (result) =&gt; {
          this.setState({
            isLoaded: true,
            results: result.results
          });
        },
        (error) =&gt; {
          this.setState({
            isLoaded: true,
            error
          });
        }
      )
    }
  
  
    render() {
      const {error, isLoaded, results} = this.state;
        if (error) {
          return &lt;div&gt;Error: {error.message} &lt;/div&gt;;
        } else if (!isLoaded) {
          return &lt;div&gt;Loading...&lt;/div&gt;;
        } else {
        return (
          &lt;div className="App"&gt;
            Location Data:
            {results.geometry}
          &lt;/div&gt;
        );
    }
    }
  }
  </code></pre>
  
  <p>Below is a sample of the JSON i'm trying to access:</p>
  
  <pre><code>{
      "results": [
          {
              "address_components": [
                  {
                      "long_name": "1600",
                      "short_name": "1600",
                      "types": [
                          "street_number"
                      ]
                  },
                  {
                      "long_name": "Amphitheatre Parkway",
                      "short_name": "Amphitheatre Pkwy",
                      "types": [
                          "route"
                      ]
                  },
                  {
                      "long_name": "Mountain View",
                      "short_name": "Mountain View",
                      "types": [
                          "locality",
                          "political"
                      ]
                  },
                  {
                      "long_name": "Santa Clara County",
                      "short_name": "Santa Clara County",
                      "types": [
                          "administrative_area_level_2",
                          "political"
                      ]
                  },
                  {
                      "long_name": "California",
                      "short_name": "CA",
                      "types": [
                          "administrative_area_level_1",
                          "political"
                      ]
                  },
                  {
                      "long_name": "United States",
                      "short_name": "US",
                      "types": [
                          "country",
                          "political"
                      ]
                  },
                  {
                      "long_name": "94043",
                      "short_name": "94043",
                      "types": [
                          "postal_code"
                      ]
                  }
              ],
              "formatted_address": "1600 Amphitheatre Pkwy, Mountain View, CA 94043, USA",
              "geometry": {
                  "location": {
                      "lat": 37.422617,
                      "lng": -122.0853839
                  },
                  "location_type": "ROOFTOP",
                  "viewport": {
                      "northeast": {
                          "lat": 37.4239659802915,
                          "lng": -122.0840349197085
                      },
                      "southwest": {
                          "lat": 37.4212680197085,
                          "lng": -122.0867328802915
                      }
                  }
              },
              "place_id": "ChIJ2eUgeAK6j4ARbn5u_wAGqWA",
              "plus_code": {
                  "compound_code": "CWF7+2R Mountain View, California, United States",
                  "global_code": "849VCWF7+2R"
              },
              "types": [
                  "street_address"
              ]
          }
      ],
      "status": "OK"
  }
  </code></pre>