Parsing JSON in Zustand

Question

Ich versuche, die zurückgegebene JSON im folgenden Code zu analysieren, genauer gesagt ich versuche, die res.name zum Komponentenstatus hinzuzufügen.

Sie können sehen, ich habe so weit wie this.setState ({Ergebnisse: res}) bekam, das die gesamte Antwort Objekt in den Komponentenstatus hinzufügen, aber ich habe Schwierigkeiten ‚Drill-Down‘ auf die Namenwerte. Ich habe versucht zu console.log (res.results) zu verwenden, aber es kommt wieder als nicht definiert, könnte einige verleihen eine helfende Hand etwas Licht auf dieses Problem zu vergießen ..

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)) 
    } 

Returned ‚res‘ Json

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

Answer 1

Ihre Antwort sollte bereits ein JSON-Objekt sein. Rufen Sie JSON.parse(JSON.stringify(response))

wird Sie zurück zu Platz eins. Sie serialisieren und deserialisieren dasselbe Objekt.

sollten Sie in der Lage sein zu tun:

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

Welche ausgibt das gesamte Objekt auf der Konsole, so dass Sie alles sehen können.

Dann können Sie speichern nur das Objekt direkt in den Staat, durch den Aufruf:

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