一个api的数据依赖于另一个api

Question

嗨，我想做一个依赖于另一个api的api调用。一个API为我提供随机电影的ID，第二个API为我提供有关该电影的详细信息。所有这些都被分离在api.js文件中，并导出到组件中。如果我导出函数，我得到一个承诺是如何完成的，但不是电影的细节。我如何解决这个嵌套的API?下面是help

的代码

export async function getMovieDetail() {
const data = await fetch(`https://api.themoviedb.org/3/trending/all/day? 
api_key=${apiKey}`).then((res) => res.json());
const movie = data.results[random].id;
async function getMovieById() {
const data = await fetch(`https://api.themoviedb.org/3/movie/${movie}? 
api_key=${apiKey}&language=en-US`).then((res) => res.json());
return data;
}
const movieDetail = await getMovieById();
return movieDetail;
}

Answer 1

像这样链接两个请求

export async function getMovieDetail() {
return fetch(`https://api.themoviedb.org/3/trending/all/day? 
api_key=${apiKey}`)
.then((res) => res.json())
.then((data) => {
const movie = data.results[random].id;
return fetch(`https://api.themoviedb.org/3/movie/${movie}? 
api_key=${apiKey}&language=en-US`)

}).then((res) => res.json());
}