在 reactjs 中获取 api 时出错
2018-08-09
379
我正在使用 api 密钥和输入框中的数据获取 api,我收到 错误数组,必须提供查询。我能够从 输入框获取数据。以下是代码。
class App extends Component {
constructor() {
super()
this.state = { movie: '', movieList: [] };
this.onGetMovie = this.onGetMovie.bind(this);
}
onGetMovie(data) {
this.setState({ movie: data });
console.log("--------");
}
componentDidMount() {
console.log("*************");
fetch('https://api.themoviedb.org/3/search/movie?query=' + this.state.movie + '&api_key='+API_KEY)
.then(res => res.json())
.then(movieList => {
this.setState({ movieList: movieList.results });
console.log(movieList);
})
}
render() {
return (
<div className="App">
<header className="App-header">
<img src={icons} className="App-logo" alt="logo" />
<h1 className="App-title">
Movies<span className="secondary">Db</span>
</h1>
</header>
<SearchBar handleToParent={this.onGetMovie} />
<p>Parent : {this.state.movie}</p>
</div>
);
}
}
export default App;
1个回答
电影
位于组件状态中的
componentDidmount
。 > ongetMovie
被调用(即使是
ongetMovie
方法),您将获得执行查询所需的所有数据。
hsz
2018-08-09