javascript - 如何将从 fetch 请求检索到的对象添加到 React 中的状态数组，然后更新 View ？

Question

我正在尝试通过构建“电影搜索应用程序”来学习 React。主要问题是，我有一个请求 URL 数组，我想检索每个对象并将它们推送到状态数组中，然后更新状态，但是推送到状态数组不起作用。

promises = arr.map(el=>fetch(requesturl).then(e=>e.json()))
result = promises => Promise.all(promises).then(value=>console.log(value));

代码看起来像这样。我不想将它们打印到控制台，而是想保存所有这些，然后更新 View 。

抱歉，如果问题不清楚。

Answer 1

您可以简单地在 Promise.all 之后的 then 中完成此操作，如下所示:

const arr = ['google.com', 'youtube.com']

class MoviesList extend Component{
  state = { movies: [] }

  componentDidMount(){
    const promises = arr.map(el=>fetch(requesturl).then(e=>e.json()));
    Promise.all(promises).then(movies => this.setState(movies));
  }

  render(){
    return <div>{JSON.stringify(this.state.movies)}</div>
  }
}

Worked jsfiddle