Question

我有一个json-

[
  {
    "id": "1",
    "title": "Mr",
    "student": {
      "name": "John"
    }
  }
]

我的fetch API为-

let response = await fetch('https://api....', reqOptions);

if (response.status >= 200 && response.status < 300) {
    const body = await response.json();
    this.setState({
        studentList: body
    });
    } else {
        let error = response;
        throw error;
    }

我将其映射-

return this.state.studentList.map((student) => {
    return (
        <View>
            <Text>{student.name}</Text>
        </View>
    )
})

但是student.name未定义。我只能访问student.id或student.title。如何访问学生对象内部的名称？

Answer 1

当前，您正在尝试访问不在父级中的属性。名称属性属于学生属性。

您可以尝试从父级破坏学生对象。 IE浏览器...

return this.state.studentList.map(({ student }) => {
    return (
        <View>
            <Text>{student.name}</Text>
        </View>
    )
})

访问列表内的对象

1 个答案: