React 中 OMDb api 每页 30 部电影

Question

我正在尝试合并页面以将项目增加到 20、30，因为 OMDb 每页只有 10 个。我需要从第 1,2 和 3 页获取所有“imdbID”。

API 显示此结果：

```
"Search": [
{
"Title": "Home",
"Year": "2009",
"imdbID": "tt1014762",
"Type": "movie",
"Poster": "https://m.media-amazon.com/images/M/MV5BODY2ZTNmMjEtMWEyNC00YjZlLWEyMGEtZWFiNGMwYmQ5NWViXkEyXkFqcGdeQXVyMTAwMzM3NDI3._V1_SX300.jpg"
},
]



//my code

async function getRequest(){
  const pageOne = await axios
    .get('http://www.omdbapi.com/?s=${searchText}&apikey=ef773fae&page=1')
    .then(res=>res.data)
    .catch(error=>console.log(error));

  const pageTwo = await axios
      .get('http://www.omdbapi.com/?s=${searchText}&apikey=ef773fae&page=2')
      .then(res=>res.data)
      .catch(error=>console.log(error));

  const pageThree = await axios
      .get('http://www.omdbapi.com/?s=${searchText}&apikey=ef773fae&page=3')
      .then(res=>res.data)
      .catch(error=>console.log(error));

  const sumPage= {pageOne, pageTwo, pageThree};


//*not sure how to write this line of code to get all the imdbID*
  return sumPage.map(movie => movie.imdbID);
}

getRequest();

Answer 1

将它们分散到一个数组中怎么样

return {"Search":[...pageOne.Search, ...pageTwo.Search, ...pageThree.Search]};

React 中 OMDb api 每页 30 部电影

30 movies per page on OMDb api in React

javascript

reactjs

omdbapi