title: How to Fix: Cannot read property 'total' of undefined
body: <p>I'm trying to render an object from within a prop unto my component. I've been able to do this successfully with {artist.name}and {artist.genre), however. {artist.followers.total} fails with the error - cannot read property total of undefined
  <div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import React, {
      Component
  } from 'react';
  import './App.css';
  
  class Profile extends Component {
      render() {
          // console.log('props from profile.jsx', this.props)
          // let artist = {name:'', followers: {href: '', total: ''}}
          let artist = this.state
          if (this.props.artist !== null) {
              artist = this.props.artist;
  
  
          };
          return ( &lt;
              div &gt;
              &lt;
              div &gt; {
                  artist.name
              } /* works properly returns artist name name: "Kanye West" */ &lt;
              /div&gt; {
                  artist.genres
              } /* works properly returns genres: (4) ["chicago rap", "hip hop", "pop rap", "rap"]*/
  
              &lt;
              div &gt; {
                  artist.followers.total
              }
              /*causes run time error, I expect to see the total number of followers as received from the spotify API ollowers:
  href: null
  total: 10421208  Returns Cannot read property 'total' of undefined*/
  
  
              &lt;
              /div&gt;
  
  
              &lt;
              /div&gt;
  
  
          )
  
  
  
      }
  
  
  
  
  }
  export default Profile;</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"&gt;&lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>