javascript - 从 api 获取的数据未显示

Question

首先我在状态中声明了一个空数组:

但是数据没有显示，它显示了一些错误:

设置状态为时也显示错误

Unhandled Rejection (TypeError): undefined is not an object (evaluating 'this.setState')

它指向 setState 行有人能解决这个问题吗

Answer 1

我不明白你为什么在这里使用 JSON.stringify

return JSON.stringify(jsonData);

因为你这里已经把你的数据转成了json

 return response.json();

调用 API 获取数据也是使用 componentDidMount 生命周期钩子(Hook)。尝试像这样更改您的代码

componentDidMount() {
        fetch('http://localhost:3000/"my end point in api"')
            .then(function(response) {
                return response.json();
            })
            .then(function(jsonStr) {
                this.setState({ CourseTitle: jsonStr.course_title });
            });
    }