开发者问题收集

在 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