我正在使用themoviedb API构建一个简单的电影目录,但是我遇到了一个我无法解决的问题.问题是获取后的结果总是未定义的.
我尝试使用方法componentWillMount来获取数据并在此方法中设置状态,但它不起作用.我试图获取内部构造函数,没有结果.
到目前为止这是我的代码
import React, { Component } from 'react';
import Header from './components/Header';
import MovieList from './components/MovieList';
import Footer from './components/Footer';
const MOVIE_API = "http://api.themoviedb.org/3/discover/movie?api_key=72049b7019c79f226fad8eec6e1ee889&language=en-US&sort_by=release_date.desc&include_adult=true&include_video=false&page=2&primary_release_year=2018";
//class
class App extends Component {
constructor(props){
super(props);
this.state = {
movies: [],
movieName: ''
}
}
componentWillMount(){
this.fetchMovie();
}
//fetching movie
fetchMovie = () =>{
const req = new Request(MOVIE_API, {
method: 'GET',
cache: 'default'
});
fetch(req).then(response =>{
return response.json();
}).then(data =>{
console.log(data); //REF 1;
this.setState({
movies: data
});
}).catch(err => { …Run Code Online (Sandbox Code Playgroud)