我正在構建一個簡單的電影應用程式來訓練 React。我制作了一個導航選單，用戶可以在其中點擊電影類別為“流行”、“正在播放”以在主頁上顯示不同的電影。
我的問題是關于如何處理對 API 的呼叫以及什么是最佳實踐。我想到了兩個解決方案：
1 - 首次加載應用時使用 useEffect 呼叫所有類別中的所有電影，并將所有電影保存在不同的 useState 中，并按類別分隔。
const [popularMovies, setPopularMovies] = useState([])
const [nowPlayingMovies, setNowPlayingMovies] = useState([])
...
2 - 每次用戶點擊一個新類別時，只創建一個 moviesToDisplay 的 useState 并呼叫 API 并替換它的內容。
const [moviesToDisplay, setMoviesToDisplay] = useState([])
uj5u.com熱心網友回復：
最好只詢問您要顯示的資料，如果用戶想要查看特定類別并單擊例如您為恐怖電影獲取的按鈕“恐怖”。
如果您有一個包含 50 萬部電影的資料庫，那么您將在每個請求上使用大量資源，這在前端和后端都是多余的。
對于您的主頁，您可以獲取要顯示的電影串列，例如 10-15 部電影，您也可以考慮添加無限滾動，但始終按需獲取。
用戶選擇類別：
- 恐怖 => 獲取恐怖電影 => 放映電影
- 動作 => 獲取動作電影 => 放映電影
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/484849.html