Reactjs 未处理丢失的详细信息，响应错误

我们如何检查标题不存在时是否发出警报

Axios可以实现这一点吗

---

使用axios，您可以使用

response.data

访问结果。而且，它已经返回了一个承诺，所以您不必明确地返回承诺。相反，检查api响应并抛出错误，然后在用法中捕获它（在这里调用

getMoviesImdb

函数）。最后，

getMoviesImdb

fun不需要是异步的fun

（只需在url中添加api密钥即可进行测试）

代码片段示例

导出默认函数App（）{
useffect（（）=>{
让我看电影；
getMoviesImdb（“asdf”）
。然后（res=>{
//确保使用api密钥查看结果
控制台日志（“res”，res）；
myMovies=res；
})
.catch（错误=>{
//确保使用api密钥查看错误消息
console.log（“err”，err）；
});
}, []);
const getMoviesImdb=title=>{
控制台日志（“标题”，标题）；
//标题=组件（标题）；
//使用下面的api密钥
返回轴(`http://www.omdbapi.com/?s=${title}`）。然后（响应=>{
//控制台日志（“响应”，响应）；
if（response.data.response！=“False”）{
返回数据。搜索；
}
log（“response.data”，response.data.Error）；
抛出新错误（response.data.Error）；
});
};
返回(
你好，代码沙盒
开始编辑，看看神奇的发生！
);
}

export const getMoviesImdb = async (title) => {
  title = encodeURIComponent(title);
  return fetch(`http://www.omdbapi.com/?s=${title}`)
  .then((response) => response.json()
      .then((data) => {
        if (data.Response != "False") {
          return data.Search
        }
        return Promise.reject(data.Message);
      }, [])
      .catch((error) => {
        return Promise.reject(error); 
      })
  );
};