如何在本机反应中访问jsx组件内的嵌套json？

Question

我正在尝试列出服务器响应，但我的代码中关于访问嵌套 json 的一些错误..以下是 json 的结构

更新：

  {
    "child": [],
    "courses": [{
        "data": {
            "name": "Student 1",
            "date_created": 1514610451,
            "total_students": 4,
            "seats": "",
            "start_date": false,
            "categories": [{
                "name": "Subject",
                "slug": "Subject"
            }],
            "intro": {
                "id": "1",
                "name": "Main Admin",
                "sub": ""
            },
            "menu_order": 0
        },
        "headers": [],
        "status": 200
    }]
  }

我的反应部分是

render(){
        return this.state.course.map(course =>
        <Text style={styles.userStyle}>{course.courses.data.map(datas => datas.name)}</Text>
        );
    }

请帮我找出错误。我得到this.state.course.map不是一个函数。我的获取请求如下

state= {course:[]};
    componentWillMount(){
        fetch('https://www.mywebsite.com/' + this.props.navigation.state.params.id)
        .then((response) => response.json())
        .then((responseData) => this.setState({course: responseData}))
    }

Answer 1

因此，您需要向我们展示this.state 的设置方式，但如果您正在执行this.setState(jsonObject) 之类的操作，则您要查找的属性似乎是this.state.courses。这将访问一系列课程。但是，在接下来的几行中，您尝试访问course.courses，这表明您正在设置this.seState({course: jsonObject}) 之类的状态，因此不清楚。

我会说如果你解决了第一个问题，你会立即遇到另一个问题，因为它看起来不像 data 是一个数组而是一个对象，所以尝试调用 map 不太可能做你想做的（除非你一直在玩原型）。

编辑：

针对新信息，我建议如下：

    render(){
         if(this.state.course && this.state.course.courses) {
            return this.state.course.courses.map(course =>
            <Text style={styles.userStyle}>{course.data.name}</Text>
            );
        } else {
           return [];
        }
   }