Parsing Json in State

Question

Я пытаюсь проанализировать возвращенный JSON в коде ниже, а точнее, я пытаюсь добавить res.name в состояние компонентов.

Вы можете видеть, что у меня есть до this.setState ({results: res}), это добавляет весь объект ответа к состоянию компонента, но у меня возникают трудности с «сверлением» до значений имени. Я пытался использовать console.log (res.results), но он возвращается как неопределенные, может кто протянуть руку, чтобы пролить свет на эту проблему ..

constructor() { 
    super(); 
    this.state = { 
     results: [] 
    } 
    } 

    apiRequest() { 
    request('http://localhost:3000/api', function (error, response, body) { 
    if (!error && response.statusCode == 200) { 
      var res = JSON.parse(JSON.stringify(response.body)) 
      console.log(res.results) // Should this not work? 
      this.setState({results:res}) 
     } 
    }.bind(this)) 
    } 

вернулся «Res» Json

{ 
    "count":87, 
    "next":"http://swapi.co/api/people/?page=2", 
    "previous":null, 
    "results":[ 
     {"name":"Luke Skywalker"}, 
     {"name":"Han Solo"} 
    ] 
} 

Answer 1

Ваш ответ уже должен быть объектом JSON. Таким образом, по телефону JSON.parse(JSON.stringify(response))

вернет вас на первый план. Вы сериализуете и десериализуете один и тот же объект.

Вы должны быть в состоянии сделать:

console.log(JSON.stringify(response));

Какой будет выводить весь объект на консоль, чтобы вы могли видеть все.

Тогда вы можете просто сохранить объект непосредственно в состоянии, позвонив по телефону:

this.setState({results:response.body})