可參考的文件資源

  1. React 官方文件React Hooks
  2. MDN - Using Fetch
  3. axios 文件
  4. MDN - Array(filter, includes)

實作題檢核點

  1. 在 useEffect 中,使用 fetch / axios 串接 API
  2. 將 API 回傳結果渲染到畫面上,並成功顯示商品資訊
  3. 下拉選單正確顯示出分類列表
  4. 能篩選出屬於該分類的商品
  5. 可根據名稱或描述進行關鍵字篩選
  6. 搜尋結果準確(支持大小寫忽略)
  7. 能根據分類篩選後,進行關鍵字搜尋
  8. 收藏按鈕可切換愛心樣式(已收藏/未收藏)
  9. 收藏狀態能正確保存,且不影響搜尋與篩選功能