我被困住了。我正在使用電影 api 搜索電影。我已經完成了 api 部分。但是當我在搜索部分輸入一個隨機的無意義單詞時，我的應用程式會出錯，因為沒有這樣的電影。我怎樣才能克服這個？我在下面分享我的代碼。
那是電影區；
<div>
<h4>{movie[0].title}</h4>
<img
src={`${base_URL}${movie[0].poster_path}`}
alt={movie[0].title}
/>
</div>
那是搜索
<label>
<span>Search Film:</span>
<input
type="text"
value={search}
onChange={(e) => setSearch(e.target.value)}
/>
</label>
那就是國家
const [movie, setMovie] = useState([{ title: "The Matrix Resurrections" }]);
const [search, setSearch] = useState("The Matrix Resurrections");
電影1
電影2
當我輸入“sadsafasfas”搜索欄時出現 myError
uj5u.com熱心網友回復：
那是因為您通過使用 themoviedb api 搜索“廢話”值得到的回應回傳一個空物件。為了解決這個問題，您可以使用一個條件組件來檢查movie[0]. 你的代碼可以這樣寫
<div>
{
movie[0] ?
<>
<h4>{movie[0].title}</h4>
<img
src={`${base_URL}${movie[0].poster_path}`}
alt={movie[0].title}
/>
</>
:
<>
<h4>Sorry, movie not found</h4> //your component if nothing returned from api
</>
}
</div>
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/437812.html
標籤：反应 api 视频 不明确的 themoviedb-api