展開檔案卡查看必要差異；只有程式碼區可以橫向捲動。

前一步與本步驟沒有實質差異。

本步驟不需修改此語言。

前一步與本步驟沒有實質差異。

本步驟不需修改此語言。

（沒有刪除或替換的程式碼）

  list.replaceChildren();
  try {
    const items = await requestItems(url);
    if (!Array.isArray(items)) throw new Error("資料格式錯誤：預期為陣列");
    renderItems(items);
    setStatus(items.length === 0 ? "載入完成，目前沒有資料" : `成功載入 ${items.length} 筆`);
  } catch (error) {
    setStatus(`載入失敗：${error.message}`, "error");
  }

本練習沒有這個檔案。

本步驟不需修改此語言。

1. 準備

   先開啟 DevTools 的 Network 與 Console 面板。

2. 操作

   依序按「成功載入」、「模擬空資料」、「模擬失敗」；每次先確認 loading，再確認兩張卡、空資料提示或 404 錯誤。另以 Console 傳入含 HTML 的 title，確認只顯示文字。

3. 預期

   loading、success、empty、error 四態均可控重現，外來文字不會被當成 HTML