在 javascript 中映射文本响应

Question

Initializing the state

this.state = {
apiResponse : []
}

setting the state to response from api inside componentDidmount

this.setState({
 apiResponse: response
})

"response" looks like

{polyinfo: "{"name": "hello1"}"}
{polyinfo: "{"name": "hello2"}"}

I need to get the value of name

Things i tried

list = () => {

const polyInfo = JSON.parse(this.state.apiResponseJson);
return polyInfo.map(element => {
console.log(element.name);
  // console.log(element.polyinfo.name);
});

};

Answer 1

it seems like you forgot to add a comma at the end of the first line in

{polyinfo: "{"name": "hello1"}"}
{polyinfo: "{"name": "hello2"}"}

but assuming that this was typed as a valid array, the correct way to access name here would be

const parsedContainer = JSON.parse(this.state.apiResponse[i].polyinfo) //where "i" is the //array index
console.log(parsedContainer.name) //logging the name to the console

this works because we are parsing the string type json from polyinfo and parsing it into json that javascript can read and then we are using that parsed json to read the name property.