title: Getting individual values of a JSON Object from a Promise in ReactNative
body: <p>I am using the fetch method as described in the react native docs (<a href="https://facebook.github.io/react-native/docs/network.html" rel="nofollow noreferrer">https://facebook.github.io/react-native/docs/network.html</a>) to get data from server. </p>
  
  <p>This is my code on fetching the data</p>
  
  <pre><code>let responseJson = await response.json();
   if(response.status&gt;=200&amp;&amp;response.status&lt;300){
      //this.setState({error:"  "});
      let alldata=responseJson;
      console.log("All data "+alldata);
   }else{
     let error=responseJson;
     throw error;
   }
   return responseJson;
  </code></pre>
  
  <p>I know that responseJson is a promise object so I have tried to resolve it like this which doesn't work.</p>
  
  <pre><code>  let abc= this.fetchUserDate(accessToken);
           abc.then(function(v) {
           console.log(v.Bio+" "+v.Website+"  "+typeof(v)); 
         });
  </code></pre>
  
  <p>Apart from using v.Bio I have also tried using v[0], v[1] and so on to no avail. The console prints undefined. However when I use     </p>
  
  <pre><code>let responseJson = await response.text();
  </code></pre>
  
  <p>I get the data in plain text so there is no error on the server side. How do I get individual components of the JSON? My JSON contains basic profile information as follows:</p>
  
  <pre><code>  {"bio":"I am a cool guy","website":"www.cool.com","gender":"M","avatar":"/media/images/avatar/blank.png"}
  </code></pre>
  
  <p>Thanks in advance!</p>