const API_URL = 'http://www.omdbapi.com/?i=tt3896198&apikey=caca2ca6';
const App = () => {
const searchMovies = async (title) => {
const response = await fetch(`${API_URL}&s=${title}`);
const data = await response.json();
console.log(data.Search);
}
useEffect=(() => {
searchMovies('Batman');
}, []);
return(
<h1>Apppi</h1>
);
}
export default App;
上面的代码应该在控制台的API中显示电影标题,我正在观看的教程已经显示了标题。有人能帮我解决这个问题吗?由于
useeffect有语法错误
remove = between useEffect and parentheses
useEffect(() => {
searchMovies('Batman');
}, []);
请始终在try-catch
中调用API,这样你的应用程序就不会崩溃,你可能会记录错误,你必须在括号前删除useEffect中的=
。
const API_URL = 'http://www.omdbapi.com/?i=tt3896198&apikey=caca2ca6';
const App = () => {
const searchMovies = async (title) => {
try {
const response = await fetch(`${API_URL}&s=${title}`);
const data = await response.json();
console.log(data.Search);
} catch (error) {
console.log("error", error)
}
}
useEffect(() => {
searchMovies('Batman');
}, []);
return(
<h1>Apppi</h1>
);
}
export default App;